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
draw a card
$npx shadcn@latest add @clow/sliderFirst time? Point @clow at the registry
Once per project, add the registry to your components.json. Then draw any card by name.
"registries": {
"@clow": "https://clow.cards/r/{name}.json"
}Full setup →Playground
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 |