Ynex - Range Slider

Default Range

<input type="range" className="form-range" id="customRange1">

Disabled Range

<input type="range" className="form-range" id="disabledRange" disabled>

Range With Min And Max Values

 <input type="range" className="form-range" min="0" max="5" id="customRange2">

Range With Steps

<input type="range" className="form-range" min="0" max="5" step="0.5" id="customRange3">

Default-Styling

Fit Handles

Rounded Styling

Square Styling

Toggle Movement By Clicking Pips

20.0

40.0

Soft Limits

Primary

Secondary

Warning

Info

Success

Danger