# Slider

Read the complete [LICENSE](https://snowui.dev/LICENSE) for the installed version before use.

Choose one value or a range by dragging, with horizontal, vertical, stepped, and filled styles.

We are building SnowUI components into interfaces people can use directly in AI conversations. Conversational UI is still in development; this page demonstrates website usage. Supported chat platforms and component versions will be announced after verification. Generating and using SnowUI interfaces inside AI conversations is completely free. It is not a project, uses no project or developer-seat quota, and requires no SnowUI registration, activation, or paid proof.

Package: `@snowui-design-system/components`. Import: `import { Slider } from '@snowui-design-system/components';`. Source fingerprint: `8614bf5338b4ddb7c06d49cdf94c1c45d8fd28edbc8d43293111d3773c673671`.

## Usage choices

Use Slider for continuous value or range adjustment. Use Segmented or Select for discrete choices. Set clear minValue, maxValue, step, and accessible names.

- With bind:value, a number represents one thumb and an array represents a two-thumb range. minValue and maxValue set the bounds.
- step sets the increment and ariaLabel supplies an accessible name. An explicit Text child with as="label" replaces a generated label.
- The default bar title in solid and soft variants follows LocaleProvider. Explicit titles, including an empty string, ariaLabel values, numeric values, and explicit labels remain unchanged. The title does not replace an accessible name.

## Read as needed

- [API](https://snowui.dev/llms/en/components/slider/api.md): Public Props and defaults
- [Types and states](https://snowui.dev/llms/en/components/slider/types.md): Public type declarations and binding rules
- [Full reference](https://snowui.dev/llms/en/components/slider/reference.md): Composition and interaction boundaries
- [Styles](https://snowui.dev/llms/en/components/slider/styles.md): Registered public overrides
- [Examples](https://snowui.dev/llms/en/components/slider/examples.md): Code and preview links
- [Image index](https://snowui.dev/llms/components/slider/images.json): Use only if appearance remains uncertain
- [Changelog](https://snowui.dev/llms/en/components/slider/changelog.md): Version history reviewed in English

[Design guide](https://snowui.dev/llms/en/design-system.md) · [Styling guide](https://snowui.dev/llms/en/styling.md)