Barmer Fractal

Form Control: Radio 

<div class="m-form-control form-control">
    <label class="a-label " for="gender">
        Geschlecht

    </label>

    <input type="text" value="" class="a-input input--text" id="text-input">
</div>
 
<div class="m-form-control {{viewtypes.specifier}}">
  {{ render '@formelement-label' partials.label merge=true }}
  {{ render (stringToPartial partials.input.type) partials.input merge=true }}
  {{#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": false
  },
  "partials": {
    "label": {
      "content": {
        "for": "gender",
        "text": "Geschlecht"
      }
    },
    "input": {
      "type": "formelement-input--text",
      "switches": {},
      "content": {
        "id": "text-input"
      }
    },
    "inputs": [
      {
        "type": "formelement-choice--radio",
        "switches": {},
        "content": {
          "type": "radio",
          "id": "female",
          "name": "gender",
          "text": "weiblich",
          "value": "weiblich"
        }
      },
      {
        "type": "formelement-choice--radio",
        "switches": {},
        "content": {
          "type": "radio",
          "id": "male",
          "name": "gender",
          "text": "männlich",
          "value": "männlich"
        }
      },
      {
        "type": "formelement-choice--radio",
        "switches": {},
        "content": {
          "type": "radio",
          "id": "divers",
          "name": "gender",
          "text": "divers",
          "value": "divers"
        }
      }
    ]
  }
}

No notes defined.