{{ mainTitle }}

This handy slider will allow you to drag a handle to select a specific value from a range.
Boostrap Sliders

Basic example with custom formatter and colored selected region via CSS.

{{sliders.sliderValue}}
{{sliders.secondSliderValue}}
{{sliders.thirdSliderValue}}
{{sliders.fourthSliderValue}}
{{sliders.fifthSliderValue}}
{{sliders.sixthSliderValue}}

Slider component with different options

  • vertical or horizontal orientation
  • minimum and maxim values
  • step incrementor
  • range selector
  • touch capabale
Options

Options for the bootstrap-slider component.

Vertical Sliders

Vertical selector, options specified via data attribute orientation.

Range Sliders

Range selector, options specified via data attribute.

{{sliders.rangeSliderValue}}

{{sliders.rangeSliderValue2}}
Status

Show the status of slider.

{{sliders.statusSliderValue}} status: {{status}}