Switch

Switch

<div class="display-flex align-items-center">
  <label for="switch_1" class="flex-grow-1">Switch on</label>
  <label class="switch">
    <input type="checkbox" id="switch_1" name="" value="" checked>
    <div class="switch__track">
    </div>
    <div class="switch__thumb">
    </div>
  </label>
</div>
<div class="display-flex align-items-center">
  <label for="switch_1" class="flex-grow-1">Switch off</label>
  <label class="switch">
    <input type="checkbox" id="switch_1" name="" value="">
    <div class="switch__track">
    </div>
    <div class="switch__thumb">
    </div>
  </label>
</div>
<div class="display-flex align-items-center">
  <label for="switch_1" class="flex-grow-1">Disabled</label>
  <label class="switch">
    <input type="checkbox" id="switch_1" name="" value="" disabled>
    <div class="switch__track">
    </div>
    <div class="switch__thumb">
    </div>
  </label>
</div>