NoUiSlider

Basic

data-provide="slider"and data-value="25"applies to a &ltdiv>

Step

data-step="10"applies to the slider

Tooltip

data-tooltips="true"applies to the slider

Target

data-target="{element}"applies to the slider, where {element}can be a jQuery selector, next, or prev

Range

data-value="20,80"has comma for two values

Range - margin

data-margin="40"applies to the slider

Range - limit

data-limit="40"applies to the slider

Orientation

data-orientation="vertical"applies to the slider

Colors

Apply .slider-*to the slider which *can be any color name.


Try other colors