HAS Green Academy styleguide

Form Field Select

1179 × 333 
<div>
    <label for="id_select" class="c-label ">
        Selecteer een optie
    </label>

    <div class="c-select">
        <select class="c-input-text  c-select__select" name="id_select" id="id_select">
            <option value=option-1>option content 1</option>
            <option value=option-2>option content 2</option>
            <option value=option-3>option content 3</option>
        </select>
        <div class="c-select__icon">
            <svg class="c-icon    " aria-hidden="true">
                <use xlink:href="../../dist/sprite.svg#icon-chevron-down" />
            </svg>

        </div>
    </div>

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

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

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

  {{ render '@atoms-input-validation' validationMessage }}
</div>
 
{
  "label": {
    "for": "id_select",
    "label": "Selecteer een optie"
  }
}

No notes defined.