Imagine ArtSlider
View in FigmaA draggable range control for selecting a numeric value within a defined range.
FormsImport
import { Slider } from "@/components/ui"API
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | — | Controlled current value. |
| onValueChange | (value: number) => void | — | Callback when value changes. |
| min | number | 0 | Minimum value. |
| max | number | 100 | Maximum value. |
| size | "sm" | "md" | "lg" | "md" | Track and thumb size. |
| label | string | — | Label text above the slider. |
| showValue | boolean | — | Displays the current value. |