logo image v2.0

NoUiSlider

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

  • Sidebar Theme

    Choose Sidebar Theme

  • Header color

    Choose your Header theme color

  • Accent color

    Choose your primary theme color

  • Sidebar Caption

    Sidebar Caption Hide/Show

  • Theme Layout

    LTR/RTL

  • Layout Width

    Choose Full or Container Layout