Range Slider
v1.0.0A slider for selecting a value within a range.
Interactive Implementation
Drag the slider to see the value change in real time.
45
Range API Reference
All available props for this component.
| Property | Type | Default | Description |
|---|---|---|---|
| label | string | undefined | Label rendered above the slider track. |
| showValue | boolean | false | Renders a numeric badge showing the current slider value. |
| min | number | 0 | Minimum allowed value for the slider range. |
| max | number | 100 | Maximum allowed value for the slider range. |
| step | number | 1 | Discrete increment between valid slider values. |
| onChange | (value: number) => void | undefined | Callback triggered when the slider value changes. |
| error | string | undefined | Error message rendered below the slider with destructive styling. |