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> |