Forms

## Range

Use our custom range inputs for consistent cross-browser styling and built-in customization.

##### Basic Example

The track (the background) and thumb (the value) are both styled to appear the same across browsers.

Example range

##### Disabled

Add the disabled boolean attribute on an input to give it a grayed out appearance and remove pointer events.

Disabled range

##### Min & Max

Range inputs have implicit values for min and max—0 and 100, respectively. You may specify new values for those using the min and max attributes.

Example range

##### Steps

By default, range inputs “snap” to integer values. To change this, you can specify a step value.

Example range

## Range Slider

Easy to use, flexible and responsive range slider with skin support.

##### Basic Example

Set min value, max value and start point.

##### Range & Step

Set up range with negative values.

##### Custom Values

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

##### Lock & 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.