noUiSlider Slider Range and Handles Reading & Setting Values Options Tapping, Dragging & Fixed Ranges Examples Events Scale/Pips Updating, Disabling & Styling Download
§

Options

Option Value Required Default
start array of "string" or number true [none]
range object, see range true [none]
step number false [none]
snap boolean false false
format Formatter false Accept all numeric values, output two decimals
ariaFormat Formatter false Two decimals
connect boolean, array of boolean false false
margin number false [none]
limit number false [none]
padding number false [none]
orientation string false "horizontal"
direction string false "ltr"
tooltips boolean, Formatter, array of boolean or Formatter for each handle false false
animate boolean false true
animationDuration number false 300
keyboardSupport boolean false true
behaviour string false "tap"
pips object, see: pips false [none]
documentElement documentElement false ownerDocument
cssPrefix string false "noUi-"
cssClasses ClassList false (see code)
§

Methods

Method Usage Arguments
destroy slider.noUiSlider.destroy() [none]
steps slider.noUiSlider.steps() [none]
on slider.noUiSlider.on(..., ...) "string", function
off slider.noUiSlider.off(...) "string"
get slider.noUiSlider.get() [none]
set slider.noUiSlider.set(...) [...]
reset slider.noUiSlider.reset() [none]
updateOptions slider.noUiSlider.updateOptions(...) object
pips slider.noUiSlider.pips(...) object, see: pips
removePips slider.noUiSlider.removePips() [none]
§

Properties

Property Usage Description
options slider.noUiSlider.options Reference to the options used to create the slider. Documentation.
target slider.noUiSlider.target The slider element
[disabled] As attribute Disable a slider or individual handles. Documentation.
§

Events

§

Event Callback

Argument Type Description
this object Slider API
values Array of "string" As returned by get
handle number 0-based index of handle that caused the event
unencoded Array of number Slider values without formatting applied
tap boolean Whether the event was a tap
positions Array of number Handle positions, in percentages