← Design system
Rangeslider
Interactive examples and usage for the Rangeslider component.
Examples
Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | [number, number] | [0, 100] | Current range value (bindable) |
min | number | 0 | Minimum value |
max | number | 100 | Maximum value |
step | number | 1 | Step increment |
showValue | boolean | false | Display the current range values |
label | string | undefined | Accessible label |
size | 'sm' | 'md' | 'lg' | 'md' | Track thickness |
disabled | boolean | false | Disable the slider |