Slider
Range slider with customizable min/max/step. Single-value, controlled.
Examples
Basic
const [vol, setVol] = useState(50);<Slider value={vol} onValueChange={setVol} min={0} max={100} step={1} />
API Reference
Props of the Slider component.
| Prop | Type | Default | Description |
|---|---|---|---|
value* | number | — | — |
min* | number | — | — |
max* | number | — | — |
step | number | 1 | — |
onChange | (e: React.ChangeEvent<HTMLInputElement>) => void | — | — |
onValueChange | (value: number) => void | — | — |
disabled | boolean | false | — |
trackColor | string | — | Override track color. |
progressColor | string | — | Override progress color. |