Barmer Fractal

Formelement Choice: Default 

<label class="a-choice " for="checkbox-1">
    <input type="checkbox" value="A" name="checkbox1" id="checkbox-1" />
    <span class="choice__check" aria-hidden="true"></span>

    <span class="choice__text">Checkbox</span>

</label>
 
<label class="a-choice {{viewtypes.specifier}}" for="{{content.id}}">
  <input type="{{content.type}}"
    value="{{content.value}}"
    {{#content.name}}name="{{this}}"{{/content.name}}
    {{#content.id}}id="{{this}}"{{/content.id}}
    {{#switches.isRequired}}required{{/switches.isRequired}}
    {{#switches.isChecked}}checked{{/switches.isChecked}}
    {{#content.ariaErrormessage}}aria-errormessage="{{this}}"{{/content.ariaErrormessage}} />
  <span class="choice__check" aria-hidden="true"></span>

  {{#switches.hasTextContainer }}
    <span class="choice__text-container">
  {{/switches.hasTextContainer }}

  <span class="choice__text">{{content.text}}</span>

  {{#switches.hasTextContainer }}
      {{#content.subtext}}<span class="choice__subtext">{{this}}</span>{{/content.subtext}}
    </span>
  {{/switches.hasTextContainer }}

</label>
 
{
  "switches": {
    "isRequired": false,
    "isChecked": false,
    "hasTextContainer": false
  },
  "viewtypes": {},
  "content": {
    "type": "checkbox",
    "id": "checkbox-1",
    "name": "checkbox1",
    "value": "A",
    "text": "Checkbox",
    "ariaErrormessage": false
  },
  "partials": {}
}

No notes defined.