Slider
Picks a value or a range by dragging. Show the current value next to the label so people don’t have to guess.
Single, range and disabled
Pass a number for single, a [min, max] tuple for range.
<Slider label="Volume" value={v} onChange={setV} format={(v) => `${v}%`} />
<Slider label="Price" value={[20, 80]} onChange={setRange} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | — | Label. |
value | number | [number, number] | — | Single value or range. |
min / max / step | number | 0 / 100 / 1 | Bounds. |
format | (v) => string | — | Formats the shown value. |
disabled | boolean | false | Disabled. |