Slider
A draggable input for selecting a value from a range. Built on Radix UI Slider.
Default
With Steps
Usage
Use sliders for continuous or stepped numeric input within a known range (e.g. volume, brightness, price filters).
For precise numeric input, pair with an Input or display the current value as a label.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number[] | — | Controlled value |
| defaultValue | number[] | [0] | Default value |
| max | number | 100 | Maximum value |
| min | number | 0 | Minimum value |
| step | number | 1 | Step increment |
| disabled | boolean | false | Disables the slider |