@@include('./partials/html.html') @@include("./partials/title-meta.html", {"title": "Range Slider"}) @@include('./partials/head-css.html')
@@include('./partials/menu.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

View Official Website
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')