Barmer Fractal

Form Control: With Unit 

<div class="m-form-control form-control">
    <label class="a-label " for="age">
        Alter

    </label>

    <div class="form-control__unit-wrapper">
        <input type="number" value="" class="a-input input--number" id="age" min="0">
        <span class="form-control__unit">Jahre</span>
    </div>
</div>
 
<div class="m-form-control {{viewtypes.specifier}}">
  {{ render '@formelement-label' partials.label merge=true }}
  <div class="form-control__unit-wrapper">
    {{ render (stringToPartial partials.input.type) partials.input merge=true }}
    <span class="form-control__unit">{{content.unit}}</span>
  </div>
  {{#switches.hasErrorPlaceholder}}
    <div class="form-control__error-message" id="{{content.errorId}}"></div>
  {{/switches.hasErrorPlaceholder}}
</div>
 
{
  "switches": {
    "hasErrorPlaceholder": false
  },
  "viewtypes": {
    "specifier": "form-control"
  },
  "content": {
    "errorId": "",
    "unit": "Jahre"
  },
  "partials": {
    "label": {
      "content": {
        "for": "age",
        "text": "Alter"
      }
    },
    "input": {
      "type": "formelement-input--number",
      "switches": {},
      "content": {
        "id": "age"
      }
    }
  }
}

No notes defined.