JB Framework

Switches

<p class="switch">
    <input class="switch__input" id="a" type="checkbox">
    <label class="switch__label" for="a"></label>
</p>

<p class="switch">
    <input checked class="switch__input" id="b" type="checkbox">
    <label class="switch__label" for="b"></label>
</p>

<p class="switch">
    <input class="switch__input" disabled id="c" type="checkbox">
    <label class="switch__label" for="c"></label>
</p>

<p class="switch">
    <input checked class="switch__input" disabled id="d" type="checkbox">
    <label class="switch__label" for="d"></label>
</p>

<p class="switch invalid">
    <input class="switch__input" id="e" type="checkbox">
    <label class="switch__label" for="e"></label>
</p>

<p class="switch invalid">
    <input checked class="switch__input" id="f" type="checkbox">
    <label class="switch__label" for="f"></label>
</p>