@@include("./partials/title-meta.html", {"title": "Range Slider"}) @@include('./partials/head-css.html')
@@include('./partials/topbar.html') @@include('./partials/sidenav.html')
@@include("./partials/page-title.html", {"subtitle":"Forms","title":"Range Slider"})

#### Examples

noUiSlider is a lightweight, ARIA-accessible JavaScript range slider with multi-touch and keyboard support. It is fully GPU animated: no reflows, so it is fast; even on older devices. It also fits wonderfully in responsive designs and has no dependencies

##### Basic Range Slider

A simple single-value slider.

##### Sizes

Adjust element size using different slider sizes.

##### Line Style

Customize line handle style using sliders.

##### Color Scheme Sliders

Sliders styled with theme colors.

##### Multi Elements Range

Dual-handle slider for selecting a range.

##### Value Range Slider (nonlinear)

Shows selected value range below the slider.

##### Locking Sliders Together

Synchronize two sliders with a toggle lock.

##### Tooltip Slider

Displays tooltips with merged slider values.

##### Soft Limits Slider

Allows overflow beyond defined min/max.

##### Vertical Sliders

Sliders arranged vertically.

@@include('./partials/footer.html')
@@include('./partials/customizer.html') @@include('./partials/footer-scripts.html')