Slider.
Adjust numeric values with a native range control.
Intensity: 64%
The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.
Props & API reference
Parameters available in the shared component, including value types, requirements and accepted options.
| Parameter | Type | Required | Default | Possible values | Description |
|---|---|---|---|---|---|
value | number | No | 50 | — | Current slider value. |
min | number | No | 0 | — | Minimum allowed value. |
max | number | No | 100 | — | Maximum allowed value. |
step | number | No | 1 | — | Increment between values. |
disabled | boolean | No | false | true · false | Disable dragging and keyboard changes. |
onValueChange | (value: number) => void | No | — | — | Receives the numeric slider value. |
label | string | No | Value | — | Accessible range-input label. |
showValue | boolean | No | false | true · false | Show a numeric value beside the custom slider. |
className | string | No | — | — | Additional CSS class on the outer component element. |