A single or multi-value range input based on react-component-slider
<RangeSlider
min={0}
max={100}
defaultValue={[8, 64]}
/>
| Prop | Type | Description |
|---|---|---|
min | number | The minimum value of the slider |
max | number | The maximum value of the slider |
defaultValue | array | Set initial value of slider |
value | array | Set current value of slider |
onChange | function | triggered when value changes |
ariaLabelGroupForHandles | array (strings) | Set aria-label for each handle |
ariaLabelledByGroupForHandles | array (strings) | Set aria-labelledby for each handle |
ariaValueTextFormattersForHandles | array (functions) | Pass a function to each handle to calculate aria-valuetext from value |
For more props, see the react-component-slider docs