Checkbox

An input component that allows the user to select or deselect a binary option, such as true/false or on/off.

Basic Usage

To implement a checkbox, use the input element with type checkbox. Additionally, the field and checkbox classes should be used as container classes.

Coding

Aceptas los términos y condiciones

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

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