Slider
An input for selecting a numeric value within a range by dragging a thumb along a track. Built on Radix UI Slider.
Range Slider
Pass two values to create a range slider with two thumbs:
Installation
Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number[] | — | Controlled value. Array for range sliders. |
onValueChange | (value: number[]) => void | — | Callback when value changes. |
defaultValue | number[] | [0] | Uncontrolled default value. |
min | number | 0 | Minimum value. |
max | number | 100 | Maximum value. |
step | number | 1 | Step increment. |
disabled | boolean | false | Prevents interaction. |
orientation | "horizontal" | "vertical" | "horizontal" | Slider orientation. |