Components
GlassSlider
A glassmorphism-styled range slider powered by Radix UI.
Preview
Usage
Controlled
Range (Two Thumbs)
Disabled
Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number[] | — | Controlled value(s) |
defaultValue | number[] | — | Initial value(s) (uncontrolled) |
onValueChange | (value: number[]) => void | — | Callback on change |
min | number | 0 | Minimum value |
max | number | 100 | Maximum value |
step | number | 1 | Step increment |
disabled | boolean | false | Disables the slider |
orientation | "horizontal" | "vertical" | "horizontal" | Slider orientation |
All Radix Slider.Root props are also accepted.