Rangeslider

Easy to use, flexible and responsive range slider with skin support. Read the Official IonRangeSlider Documentation for a full list of instructions and other options.

Basic Example

Set min value, max value and start point

Range and Step

Set up range with negative values

Custom Values

Set up you own numbers. It could be array or even strings.

Lock and Restrict

Lock or restrict handles or interval to prevent or limit movement. The example below is only the from handler are allowed to move.

Working with Dates

Make a range slider using dates.

Skins

Check out the different look and feel of the range slider.