NoUI Slider
Single Value
The single value can be set using the step option.
Single value (in <form>)
The single value from element can be set using the formControl option.
Range
The range mode uses the slider range to determine where the pips should be.
Tooltips
8
noUiSlider offers some powerful mechanisms that allow to display tooltip using [tooltips] option.
Range with config
0
20
Keyboard support
0
1
2
3
4
5
With Custom Key Handler
0
1
2
3
4
5
With custom formatting
15:16:40
You can configure the slider with the custom formating option as per your requirement.
Slider Colors - Handles
Vertical Sliders
The orientation setting can be used to set the slider to vertical. Vertical sliders don't assume a default height, so you'll need to set one.
Default Vertical Slider
Range
Tooltips
Vertical Slider Colors - Handles
