Go to homepage

Projects /

Multi-Value Slider

Slider element for choosing a minimum and maximum value in a specified range.

View Demo


How to

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 min and 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 min/max/step attributes of both input range elements.

If you need a slider with a single value selection, please use the Slider Component.


Bug report & feedback

Component Github page ↗

Project duplicated

Project created

Globals imported

There was an error while trying to export your project. Please try again or contact us.