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
Theme Customization
  • Theme Mode

    Light / Dark / System

  • Accent color

    Choose your primary theme color

  • Sidebar Caption

    Caption Hide / Show

  • Theme Layout

    LTR/RTL

  • Layout Width

    Full / Fixed width

  • Font Style

    Choose theme font