Saltar al contenido principal

Checkbox

Componente de entrada que permite al usuario seleccionar o deseleccionar una opción binaria, como verdadero/falso o activado/desactivado.

Uso básico

Para implementar checkbox usar el elemento input y tipo checkbox además se debe utilizar la clase field y checkbox como clase contenedora.

<div class="is-stack">
<div class="field checkbox">
<input type="checkbox" id="input1" />
<label for="input1">Coding</label>
</div>

<div class="field checkbox">
<input type="checkbox" id="input2" />
<label for="input2">
Aceptas los
<a href="#">términos y condiciones</a>
</label>
</div>

<div class="field checkbox">
<input type="checkbox" id="input3" />
<label for="input3">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quae tandem
ista ratio est? Quaerimus enim finem bonorum. Quamquam id quidem,
infinitum est in hac urbe
</label>
</div>
</div>