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
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 |