Koyaka
Patreon

Range

Basic Range

Preview Code 

    <input class="range xs" type="range" min="0" step="1" max="1000" />
    <input class="range sm" type="range" min="0" step="1" max="1000" />
    <input class="range" type="range" min="0" step="1" max="1000" />
    <input class="range lg" type="range" min="0" step="1" max="1000" />
    <input class="range xl" type="range" min="0" step="1" max="1000" />

Range Colors

Preview Code 

    <input class="range primary" type="range" min="0" step="1" max="1000" />
    <input class="range secondary" type="range" min="0" step="1" max="1000" />
    <input class="range info" type="range" min="0" step="1" max="1000" />
    <input class="range success" type="range" min="0" step="1" max="1000" />
    <input class="range warning" type="range" min="0" step="1" max="1000" />
    <input class="range danger" type="range" min="0" step="1" max="1000" />

Contents