Slider
A draggable range input for selecting numeric values. Built on Radix primitives with smooth thumb interaction and track fill.
Default
<Slider defaultValue={[50]} max={100} step={1} />Custom Range
<Slider defaultValue={[25, 75]} max={100} step={5} />API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
defaultValue | number[] | [0] | The default value of the slider when uncontrolled. |
min | number | 0 | The minimum allowed value. |
max | number | 100 | The maximum allowed value. |
step | number | 1 | The stepping interval between values. |
disabled | boolean | false | When true, prevents interaction with the slider. |