Barmer Fractal

Input: Is Invalid 

<div class="af-item is-invalid">
    <label class="a-label af-label" for="">
        Label Application

    </label>

    <input type="text" value="" class="a-input af-input">
    <i class="a-icon icon--check" aria-hidden="true"></i>
    <i class="a-icon icon--close" aria-hidden="true"></i>
</div>

<p class="af-error">Bitte füllen Sie das Feld "Label Application" aus.</p>
 
<div class="af-item {{viewtypes.specifier}}">
  {{ render '@formelement-label' partials.label merge=true }}
  {{ render '@formelement-input' partials.input merge=true }}
  {{ render '@icon--check' merge=true }}
  {{ render '@icon--close' merge=true }}
</div>

{{ render '@af-error' partials.error merge true }}
 
{
  "switches": {
    "isValid": false,
    "isInvalid": true
  },
  "partials": {
    "input": {
      "viewtypes": {
        "specifier": "af-input"
      }
    },
    "label": {
      "viewtypes": {
        "specifier": "af-label"
      },
      "content": {
        "for": "",
        "text": "Label Application",
        "srOnlyText": false
      }
    }
  },
  "viewtypes": {
    "specifier": "is-invalid"
  }
}

No notes defined.