Sliders

There are a couple of sliders that you use. The sliders that you can use are continuous and discrete.

The continuous slider is quite simple.

    
<input type="range" class="slider">

<input type="range" class="slider" disabled>

The discrete slider will add a label containing the value.

    
<input type="range" class="slider slider--discrete">

<input type="range" class="slider slider--discrete" disabled>