Barmer Fractal

Accordion Panel Toggle: Default 

<button class="a-btn accordion__panel__toggle js-accordion-toggle" type="button" aria-expanded="false"><span class="accordion__panel__label">Die Barmer setzt sich für Standardisierung, Meßwesen und Warenprüfung ein</span><i class="a-icon icon--arrow-downward" aria-hidden="true"></i></button>
 
{{!-- Newly introduced molecules for accordion. --}}
{{!--
    When using in its simple form (e.g. for normal accordions) you can directly
    use the @button--default atom partial instead of taking the detour with
    this molecule.
    This molecule is needed for more complex toggle variants, like the toggle
    used in forums list which contains title author meta data and question
    meta data.
 --}}
{{render '@button--default' partials.toggle merge=true }}
 
{
  "switches": {},
  "viewtypes": {},
  "content": {},
  "partials": {
    "toggle": {
      "switches": {
        "asLink": false,
        "hasIcon": true,
        "isDisabled": false
      },
      "viewtypes": {
        "specifier": "accordion__panel__toggle js-accordion-toggle"
      },
      "content": {
        "type": "button",
        "ariaExpanded": "false",
        "before": "<span class=\"accordion__panel__label\">",
        "label": "Die Barmer setzt sich für Standardisierung, Meßwesen und Warenprüfung ein",
        "after": "</span>"
      },
      "partials": {
        "iconType": "icon--arrow-downward"
      }
    }
  }
}

No notes defined.