Switches

A switch has the markup of a custom checkbox but uses the .form-switch class to render a toggle switch. Switches also support the disabled attribute.

Normal

Checked

Disabled

Checked disabled
        
<div class="set-default-btn mr-auto">
  <span class="toggle-btn">
  <label class="switch"><input type="checkbox"><span class="slider round"></span></label>
  </span><span class="set-default-lbl">Normal</span>
</div>
<div class="set-default-btn mr-auto">
  <span class="toggle-btn">
  <label class="switch"><input type="checkbox" checked=""><span class="slider round"></span></label>
  </span><span class="set-default-lbl">Checked</span>
</div>
<div class="set-default-btn mr-auto">
  <span class="toggle-btn">
  <label class="switch"><input type="checkbox" disabled=""><span class="slider round"></span></label>
  </span><span class="set-default-lbl">Disabled</span>
</div>
<div class="set-default-btn mr-auto">
  <span class="toggle-btn">
  <label class="switch"><input type="checkbox"  checked=""  disabled=""><span class="slider round"></span></label>
  </span><span class="set-default-lbl">Checked disabled</span>
</div>