Slider
Pick a number from a continuous range where the rough value matters more than the exact one.
For a value where the approximate position matters more than the exact number — opacity, a font weight, a blur radius. When the precise figure matters, give it an Input alongside, or instead.
Default
Built on a native rangeinput, so keyboard and pointer behaviour are the platform's. It reports through onValueChange with a number rather than an event.
value: 40
Range and step
Props
Slider
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | — | Required. The controlled value. |
onValueChange | (value: number) => void | — | Called with the new number, not an event. |
min | number | 0 | Lower bound. |
max | number | 100 | Upper bound. |
step | number | 1 | Increment. |