Stad Brugge

Design system 1.0

Example
Textfield field is required.
Markup: scss/styleguide/molecules/textfield/textfield.html
<div class="container app-body">
  <div class="row">
    <div class="col-lg-7 form__container">
      <form>
        <div class="form-type-textfield">
          <label for="textfield" >Textfield</label>
          <input type="text" id="textfield" name="textfield" value="" placeholder="Input field" class="form-text required">
        </div>

        <div class="form-type-textfield form-item form-item--error">
          <label for="textfield-error">Textfield</label>
          <input type="text" id="textfield-error" name="textfield-error" value="" placeholder="Input field" class="form-text error" aria-invalid="true">
          <div class="form-item--error-message">
            <strong>Textfield field is required.</strong>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
Source: ../client/scss/styleguide/molecules/textfield/_textfield.scss, line 1