Default
With Live Value
Custom Min/Max/Step
Disabled
Props
| Prop | Type | Description |
|---|---|---|
| defaultValue | number[] | Initial value(s) |
| value | number[] | Controlled value(s) |
| onValueChange | (value: number[]) => void | Change handler |
| min | number | Minimum value (default 0) |
| max | number | Maximum value (default 100) |
| step | number | Step increment (default 1) |
| disabled | boolean | Disable interaction |
| className | string | Additional classes |
Usage
<Slider defaultValue={[50]} />
<Slider defaultValue={[20]} min={0} max={40} step={5} />
<Slider value={volume} onValueChange={setVolume} />
<Slider disabled />