Switch

Link para usar: https://jpm-development.com/css/checksAndRadios/switch01/styles.css

Link para usar: https://jpm-development.com/js/checksAndRadios/switch01/custom.js

Estilização do corpo da página
    <div class="switch-block">
      <div class="custom-switch custom-switch-rt">
        <input type="checkbox" id="flexSwitchCheckCustomRt1" class="custom-switch-input" checked>
        <label for="flexSwitchCheckCustomRt1" class="custom-switch-label">Custom switch checkbox active</label>
        <span class="custom-switch-slider"></span>
      </div>
    </div>

    <div class="switch-block">
      <div class="custom-switch custom-switch-rt">
        <input type="checkbox" id="flexSwitchCheckCustomRt2" class="custom-switch-input" disabled>
        <label for="flexSwitchCheckCustomRt2" class="custom-switch-label">Custom switch checkbox disabled</label>
        <span class="custom-switch-slider"></span>
      </div>
    </div>

    <div class="switch-block">
      <div class="custom-switch custom-switch-rt">
        <input type="checkbox" id="flexSwitchCheckCustomRt3" class="custom-switch-input">
        <label for="flexSwitchCheckCustomRt3" class="custom-switch-label">Custom switch checkbox inactive</label>
        <span class="custom-switch-slider"></span>
      </div>
    </div>