Slider
An input for selecting a numeric value within a range by dragging a thumb.
Installation
pnpm dlx stera-ui@latest add slider
Range
Pass two values in defaultValue to create a range slider with two thumbs.
Vertical
Disabled
API Reference
Built on Base UI's Slider primitive — see the full API reference there.
| Prop | Type | Default |
|---|---|---|
value | number[] | — |
defaultValue | number[] | — |
onValueChange | (value: number[]) => void | — |
onValueCommit | (value: number[]) => void | — |
min | number | 0 |
max | number | 100 |
step | number | 1 |
orientation | "horizontal" | "vertical" | "horizontal" |
disabled | boolean | false |