Toggle

      
<p>Default State</p>
<div class="hx-toggle">
  <label>
    Off
    <input type="checkbox">
    <span class="lever"></span>
    On
  </label>
</div>
<br>
<p>Checked State</p>
<div class="hx-toggle">
  <label>
    Off
    <input type="checkbox" checked>
    <span class="lever"></span>
    On
  </label>
</div>
<br>
<p>Disabled State</p>
<div class="hx-toggle">
  <label>
    Off
    <input disabled type="checkbox">
    <span class="lever"></span>
    On
  </label>
</div>