Swap

Examples for the ss-c-swap module.

Text

HTML 
<label class="ss-c-swap">
            <input type="checkbox">
            <span class="ss-c-swap__on">ON</span>
            <span class="ss-c-swap__off">OFF</span>
        </label>

Rotate

HTML 
<label class="ss-c-swap ss-c-swap--rotate">
            <input type="checkbox">
            <span class="ss-c-swap__on">+</span>
            <span class="ss-c-swap__off">x</span>
        </label>

Flip

HTML 
<label class="ss-c-swap ss-c-swap--flip">
            <input type="checkbox">
            <span class="ss-c-swap__on">&#9728;</span>
            <span class="ss-c-swap__off">&#9790;</span>
        </label>