PhotonSlider

Slider

Layout

Default

<input type="range" class="slider slider-round" />

Slider-Round with colors

<!--Blue (Default)-->
<input type="range" class="slider slider-round blue" />
<!--Gray-->
<input type="range" class="slider slider-round gray" />

Slider Squared

<!--Normal Square-->
<input type="range" class="slider slider-square" />
<!--Square Inverted-->
<input type="range" class="slider slider-square-inverted" />

Slider Vertical

<input type="range" class="slider slider-round slider-vertical" />