Slider
An ink fill on a glass track. Pick a thumb — ceramic dot, thin line, or ridged grip — and it warms to ember while you drag; pass an array to get one thumb per value.
Draw
npx shadcn@latest add @clow/sliderPlayground
props
<Slider />Examples
basic
thumbs
range
Props
| prop | type | default |
|---|---|---|
| defaultValue | number | 40 |
| thumb | dot | line | grip | dot |
| min | number | 0 |
| max | number | 100 |
| step | number | 1 |
| disabled | boolean | false |
| orientation | horizontal | vertical | horizontal |