HAS Green Academy styleguide

Form Field Text

1179 × 333 
<div>
    <label for="id_firstName" class="c-label ">
        Voornaam
    </label>

    <input type="text" class="c-input-text  " id="id_firstName" name="firstName">

    <div class="c-validation-message">Dit is een input validatie error</div>

</div>
 
<div>
  {{ render '@atoms-form-label' label merge=true }}

  {{ render '@atoms-input-text' input merge=true }}

  {{ render '@atoms-input-validation' validationMessage }}
</div>
 
{
  "label": {
    "for": "id_firstName",
    "label": "Voornaam"
  },
  "input": {
    "id": "id_firstName",
    "name": "firstName",
    "required": true
  }
}

No notes defined.