Multi-Value Slider

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

Dependencies

• Slider

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.

Categories

• Ecommerce > Form Elements
• Forms > Form Elements
• Controls

Bug report & feedback

Component Github page ↗