Components › Forms
Slider
Pick a value or a range by dragging. Pass two values for a range.
Installation
npx plankui@latest add sliderUsage
import { Slider } from "@/components/ui/slider";
<Slider defaultValue={[40]} max={100} step={1} />API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| value / defaultValue | number[] | One value, or two for a range. | |
| min / max / step | number | 0 / 100 / 1 | Bounds and increment. |
| onValueChange | (value: number[]) => void | Called while dragging. |