Slider
An input where the user selects a value from within a given range.
Installation
npx neobrutal add slider
Usage
import { Slider } from "@/components/ui/slider"
<Slider defaultValue={[50]} max={100} step={1} />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| defaultValue | number[] | - | The default value of the slider when uncontrolled. |
| value | number[] | - | The controlled value of the slider. |
| onValueChange | (value: number[]) => void | - | Event handler called when the value changes. |
| min | number | - | The minimum value of the slider. |
| max | number | - | The maximum value of the slider. |
| step | number | - | The step value of the slider. |