Slider
Range input with pointer drag and keyboard control.
a11yform
Styled with ONONC's design tokens — shadcn add installs them for you.
Customize
Default value60
Min0
Max100
Step1
Props
| Prop | Type | Default | Description |
|---|---|---|---|
min | number | 0 | Lower bound. |
max | number | 100 | Upper bound. |
step | number | 1 | Increment for drag + keyboard. |
value | number | — | Controlled value. |
defaultValue | number | 50 | Initial value when uncontrolled. |
onValueChange | (value: number) => void | — | Fired as the value changes. |
className | string | — | Extra classes (e.g. width). |