Slider
Drag to pick a value along a refractive track.
Install
npx shadcn add @clearly/sliderPreview
Volume42%
Usage
import { Slider } from "@/components/ui/slider"
<Slider />Every Clearly component also accepts glass (subtle·medium·strong), specular and className.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | number[] | — | Controlled value(s). |
defaultValue | number[] | — | Initial value(s). |
min | number | 0 | Minimum value. |
max | number | 100 | Maximum value. |
step | number | 1 | Step increment. |
onValueChange | (value: number[]) => void | — | Change callback. |