Range Slider

  1. Form Elements
  2. Range Slider
Default Range

<Form.Range  className="" id="customRange1"/>
Disabled Range

<Form.Range  className="" 
id="disabledRange" disabled/>
Range With Min and Max Values

<Form.Range  className="" min="0" max="5"
id="customRange2"/>
Range With Steps

<Form.Range  className="" min="0" max="5"
step="0.5" id="customRange3"/>
noUiSlider:
Default-Styling
Fit Handles
Rounded Styling
Square Styling
Toggle Movement By Clicking Pips
20.0
40.0
Soft Limits
noUiSlider Colors:
Primary
Secondary
Warning
Info
Success
Danger