Barmer Fractal

Accordion Panel Toggle: Bulletin Board 

<div class="m-accordion__panel__toggle accordion__panel__toggle--forum js-accordion-toggle" tabindex="0" aria-expanded="false" role="button">
    <div class="accordion__panel__toggle-content">
        <h3 class="accordion__panel__label">Ekeliger Geruch und Geschmack</h3>
        <div class="accordion__panel__metadata-primary">Manuela Musterfrau, Anzeige vom 15.10.2021</div>
    </div>
    <i class="a-icon icon--arrow-downward" aria-hidden="true"></i>
</div>
 
<div class="m-accordion__panel__toggle {{viewtypes.specifier}}" tabindex="0" aria-expanded="false" role="button">
  <div class="accordion__panel__toggle-content">
    <h3 class="accordion__panel__label">{{content.label}}</h3>
    <div class="accordion__panel__metadata-primary">{{content.author}}, Anzeige vom {{content.dateCreated}}</div>
  </div>
  {{ render '@icon--arrow-downward' }}
</div>
 
{
  "switches": {},
  "viewtypes": {
    "specifier": "accordion__panel__toggle--forum js-accordion-toggle"
  },
  "content": {
    "label": "Ekeliger Geruch und Geschmack",
    "author": "Manuela Musterfrau",
    "dateCreated": "15.10.2021"
  },
  "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.