NoUiSlider

Basic

data-provide="slider" and data-value="25" applies to a <div>

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