Range

Examples for the ss-c-range module.

Default

HTML 
<input type="range" class="ss-c-range" min="0" max="100" value="50">

Sizes

HTML 
<input type="range" class="ss-c-range ss-c-range--xs" min="0" max="100" value="50">
        <input type="range" class="ss-c-range ss-c-range--sm" min="0" max="100" value="50">
        <input type="range" class="ss-c-range ss-c-range--lg" min="0" max="100" value="50">

Variants

HTML 
<input type="range" class="ss-c-range ss-c-range--primary" min="0" max="100" value="50">
        <input type="range" class="ss-c-range ss-c-range--success" min="0" max="100" value="50">
        <input type="range" class="ss-c-range ss-c-range--warning" min="0" max="100" value="50">
        <input type="range" class="ss-c-range ss-c-range--error" min="0" max="100" value="50">