noUiSlider Range and Handles Reading & Setting Values Formatting 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 | `string`, `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`
keyboardDefaultStep | `number` | `false` | `10`
keyboardPageMultiplier | `number` | `false` | `5`
keyboardMultiplier | `number` | `false` | `1`
handleAttributes | array of `{ key: value }` for each handle | `false` | [none]
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(...)` | [...], `boolean`
setHandle | `slider.noUiSlider.setHandle(..., ..., ...)` | `"number"`, `"string"`, `boolean`
reset | `slider.noUiSlider.reset()` | [none]
disable | `slider.noUiSlider.disable()` | [none], `"number"`
enable | `slider.noUiSlider.enable()` | [none], `"number"`
updateOptions | `slider.noUiSlider.updateOptions(...)` | object
pips | `slider.noUiSlider.pips(...)` | `object`, see: pips
removePips | `slider.noUiSlider.removePips()` | [none]
removeTooltips | `slider.noUiSlider.removeTooltips()` | [none]
getPositions | `slider.noUiSlider.getPositions()` | [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
--- | ---
update | Event Callback
slide | Event Callback
set | Event Callback
change | Event Callback
start | Event Callback
end | Event Callback

§

# Event Callback

See events for more information.

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
noUiSlider | `object` | Slider API