Aileron

Group: Input With Error

There are no notes for this item.

<fieldset class="fieldset fieldset--error">
    <legend class="fieldset__legend legend">Group Legend</legend>
    <div class="fieldset__group">
        <div class="form-field-container fieldset__input error">
            <input type="text" value="" id="" name="" placeholder="Placeholder text">
            <label for="">Input label
      <span class="show-for-sr">Group Error Message</span>
  </label>
            <span class="error-message" aria-hidden="true">Group Error Message</span>
        </div>

        <div class="form-field-container fieldset__input error">
            <input type="text" value="" id="" name="" placeholder="Placeholder text">
            <label for="">Input label
      <span class="show-for-sr">Group Error Message</span>
  </label>
            <span class="error-message" aria-hidden="true">Group Error Message</span>
        </div>

    </div>
    <span class="error-message" aria-hidden="true">Group Error Message</span>
</fieldset>