LOCAWEB STYLE

Documentação Locaweb Style

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>