HAS Green Academy styleguide

Form Field Checkbox

1179 × 333 
<div class="c-input-checkbox-field">
    <legend class="c-label ">
        Checkbox legend
    </legend>

    <div class="o-layout  o-layout--gap-tiny  o-layout--fit">
        <input class="c-input-control" type="checkbox" name="id_0" id="id_0" value="checkbox value">
        <label for="id_0">Checkbox label</label>
    </div>

</div>
 
<div class="c-input-checkbox-field">
  {{ render '@atoms-form-label' label }}
  {{ render '@atoms-input-control' checkbox }}
</div>
 
{
  "label": {
    "label": "Checkbox legend",
    "isLegend": true
  },
  "checkbox": {
    "id": "id_0",
    "name": "id_0",
    "value": "checkbox value",
    "label": "Checkbox label",
    "type": "checkbox"
  }
}

No notes defined.