Barmer Fractal

Select: Is Active And Valid 

<div class="af-item js-select-init is-active is-valid">
    <select class="a-select af-select " name="select" required>
        <option value=""></option>
        <option value="1">weiblich</option>
        <option value="2">männlich</option>
        <option value="3">divers</option>
    </select>

    <label class="a-label af-label" for="">
        Label Application

    </label>

    <i class="a-icon icon--check" aria-hidden="true"></i>
    <i class="a-icon icon--arrow-downward" aria-hidden="true"></i>
</div>
 
<div class="af-item {{viewtypes.specifier}}">
  {{ render '@formelement-select' partials.select merge=true }}
  {{ render '@formelement-label' partials.label merge=true }}

  {{ render '@icon--check' merge=true }}
  {{ render '@icon--arrow-downward' merge=true }}
</div>
 
{
  "switches": {
    "isValid": true
  },
  "partials": {
    "select": {
      "viewtypes": {
        "specifier": "af-select"
      },
      "content": {
        "options": [
          {
            "value": "",
            "text": ""
          },
          {
            "value": "1",
            "text": "weiblich"
          },
          {
            "value": "2",
            "text": "männlich"
          },
          {
            "value": "3",
            "text": "divers"
          }
        ]
      }
    },
    "label": {
      "viewtypes": {
        "specifier": "af-label"
      },
      "content": {
        "for": "",
        "text": "Label Application",
        "srOnlyText": false
      }
    }
  },
  "viewtypes": {
    "specifier": "js-select-init is-active is-valid"
  }
}

No notes defined.