Slider element for choosing a minimum and maximum value in a specified range.
All components are based on CodyFrame.
If you're using this component, you should also include the SCSS/JS of the following components:
This component includes variations. All variations share the same SCSS/JS code. They only differ in the HTML part.
The Multi-Value Slider component is used to select and display a minimun and a maximum value in a specified interval.
It uses the native
<input type="range"> element (one for the min-value and the other for the max-value).
To modify the range of possible values, use the
max attribute of the input range element. Use the
step attribute to modify the slider step.
⚠️Note: make sure to use the same value for the
step attributes of both input range elements.
If you need a slider with a single value selection, please use the Slider Component.