CBK-031 Accordion

Das Akkordeon ermöglicht die Erstellung und Darstellung von Inhalten in einem geschlossenen Bereich, die als einzelne vertikale Listenpunkte dargestellt werden und aufklappbar sind. Dadurch ist es möglich viel Inhalt auf wenig Platz darzustellen. Das Akkordeon ist also eine visuelle als auch strukturelle Option die Inhalte von Seiten zu unterteilen und abzubilden.

Das Akkordeon besteht aus einzelnen Listenpunkten (Items), die untereinander abgebildet sind. Die Akkordeon-Inhalte befinden sich strukturell in einem Group Container. Dieser dient als Rahmen für weitere Akkordeon-Iteminhalte, in den weitere Standardkomponenten eingefügt werden können wie beispielsweise Title oder Text.

Allgemein:

• Items dient dem hinzufügen einzelner Akkordeonzeilen
• Items sind in der Standardeinstellung nicht befüllt
• Ein Akkordeonmodul benötigt strukturell einen Group Container für weitere Inhalte, daher ist nur  "Add" erscheint entsprechend ein Group Container als einzige Auswahl

Add: 

• Fügt ein neues Akkordeonitem hinzu
• Nach dem Hinzufügen muss ein Akkordeonitem-Titel vergeben werden, der auch so im Aufklappmodul angezeigt wird
• Im hinzugefügten Group Container lassen sich über weitere Komponenten die Inhalte für das Akkordeon einfügen, beispielsweise Title oder Text 
• Mehrere Akkordeon-Items lassen sich in einem Akkordeon platzieren

• Single item expansion: per Checkbox wird ausgewählt, welche Akkordeonelemente standardmäßig aufgeklappt angezeigt werden
  • Es öffnet sich ein Dropdown, in dem aus allen Akkordeon-Items das dauerhaft augeklappte Akkordeonmodul ausgewählt werden kann
• Standardmäßig sind alle Akkordeonelemente geschlossen
• Die Einstellung sollte auf ein Akkordeonmodul begrenzt sein, damit die Seite nicht zu lang wird.