NoUiSlider

noUiSlider

noUiSlider is a lightweight range slider with multi-touch support and a ton of features. It supports non-linear ranges, requires no external dependencies, has keyboard support, and it works great in responsive designs.

Reference
Input control is attached to slider
dates to numerical ranges, and then use the update event to display them in a pretty format.
always show slider values.
noUiSlider's 'update' method is useful for synchronizing with other elements
If you want to disable the edges of a slider, the set event can be used to reset the value if a limit is passed.
Vertical orientation slider example
Settings
  • Theme Mode

    Choose light or dark mode or Auto

  • Header Theme

    Choose Header Theme

  • Accent color

    Choose your primary theme color

  • Sidebar Theme

    Choose Sidebar Theme

  • Sidebar Caption

    Sidebar Caption Hide/Show

  • Theme Layout

    LTR/RTL

  • Layout Width

    Choose Full or Container Layout