Bootstrap Switch v3.4


We added a new design for the switches to look like the rest of the dashboard.

For more information please check Full Documentation





<label class="custom-toggle">
  <input type="checkbox" checked="">
  <span class="custom-toggle-slider rounded-circle" data-label-off="OFF" data-label-on="ON"></span>
</label>
<label class="custom-toggle custom-toggle-default">
  <input type="checkbox" checked="">
  <span class="custom-toggle-slider rounded-circle" data-label-off="OFF" data-label-on="ON"></span>
</label><br><br>
<label class="custom-toggle custom-toggle-danger">
  <input type="checkbox" checked="">
  <span class="custom-toggle-slider rounded-circle" data-label-off="OFF" data-label-on="ON"></span>
</label>
<label class="custom-toggle custom-toggle-warning">
  <input type="checkbox" checked="">
  <span class="custom-toggle-slider rounded-circle" data-label-off="OFF" data-label-on="ON"></span>
</label><br><br>
<label class="custom-toggle custom-toggle-success">
  <input type="checkbox" checked="">
  <span class="custom-toggle-slider rounded-circle" data-label-off="OFF" data-label-on="ON"></span>
</label>
<label class="custom-toggle custom-toggle-info">
  <input type="checkbox" checked="">
  <span class="custom-toggle-slider rounded-circle" data-label-off="OFF" data-label-on="ON"></span>
</label>