Botão Switch
permite a escolha de apenas uma entre duas opções (Ativado ou Desativado).
Você pode definir que será escrito na label utilizando os atributos data-on
quando estiver checado, e data-off
quando não estiver checado.
<div class="switch-btn"> <input type="checkbox" id="switch1"> <label class="switch-label" for="switch1" name="label-switch" data-off="Desativado" data-on="Ativado"><span></span></label> </div>
Botão switch com link
Pra deixá-lo com visual ativado é necessário que o checkbox esteja checado.
<div class="switch-btn"> <a href="#"> <input type="checkbox" checked id="switch1"> <label class="switch-label" for="switch1" name="label-switch" data-off="Desativado" data-on="Ativado"><span></span></label> </a> </div>