Switch
Fancy switch-like appearnce for checkboxes.
ON
<label class="c-switch u-mr-small">
<input class="c-switch__input" id="switch1" type="checkbox" checked>
<span class="c-switch__label">On</span>
</label>
OFF
<label class="c-switch u-mr-medium">
<input class="c-switch__input" id="switch2" type="checkbox">
<span class="c-switch__label">Off</span>
</label>
Disabled
<label class="c-switch">
<input class="c-switch__input" id="switch1" type="checkbox" disabled>
<span class="c-switch__label">Disabled</span>
</label>