TiTaToggle

Examples for a css toggle buttons.

by kleinejan

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js"></script>
<div class="container">
  <div class="col-md-3">
    <h5>Default</h5>
    <div class="checkbox checkbox-slider-lg checkbox-slider--default">
      <label>
        <input type="checkbox" checked=""><span>info</span>
      </label>
    </div>
    <div class="checkbox checkbox-slider-lg checkbox-slider--a">
      <label>
        <input type="checkbox" checked=""><span>info</span>
      </label>
    </div>
    <div class="checkbox checkbox-slider-lg checkbox-slider--b">
      <label>
        <input type="checkbox" checked=""><span>info</span>
      </label>
    </div>
    <div class="checkbox checkbox-slider-lg checkbox-slider--b-flat">
      <label>
        <input type="checkbox" checked=""><span>info</span>
      </label>
    </div>
    <div class="checkbox checkbox-slider-lg checkbox-slider--c">
      <label>
        <input type="checkbox" checked=""><span>info</span>
      </label>
    </div>
    <div class="checkbox checkbox-slider-lg checkbox-slider--c-weight">
      <label>
        <input type="checkbox" checked=""><span>info</span>
      </label>
    </div>

  </div>
</div>