RangeSlider
RangeSlider Component
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
| min | number | — | |
| max | number | — | |
| step | number | — | |
| disabled | boolean | — | |
| label | text | — | |
| showValues | boolean | — |
Default
CustomRange
Disabled
WithLabel
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
disabled | boolean | — | Whether the slider is disabled |
label | text | — | Label text |
max | number | — | Maximum allowed value |
min | number | — | Minimum allowed value |
showValues | boolean | — | Show current min/max values |
step | number | — | Step increment |
Using RangeSlidertsx
import { RangeSlider } from '@/components/RangeSlider'
<RangeSlider
min="..."
max="..."
step="..."
disabled="..."
label="..."
showValues="..."
/>Tokens Used
No design tokens detected