Checkbox

<div class="c-checkbox t-space-base">
  <div class="c-checkbox__inputs has-xxxs-btm-marg">
    <div class="c-checkbox__box">
      <input id="color-choice-1" type="checkbox" name="color-choice" value="red">
    </div>
    <div class="c-checkbox__label">
      <label for="color-choice-1" class="t-size-s t-space-base l-display-ib has-text-gray-dark">
        This is a fun label
      </label>
    </div>
  </div>
  <ul class="has-text-error t-size-xs">
    <li>You must check this field to submit the form</li>
  </ul>
</div>