Accordion

• Das Accordion ist eine Containerkomponente. Das heisst, die Komponente steht niemals für sich allein, sondern lässt sich mit einer Vielzahl von anderen Komponenten kombinieren (siehe Anwendungsbeispiele)

• Accordions sind per default geschlossen. Der Editor kann individuell einzelne Accordioneinträge als initial geöffnet einstellen. 
  
• Headlines von Komponenten innerhalb des Accordions sollten maximal gleichgroß wie die Headline (Link zu Schriftgrößen / Headline-Seite einbauen?) des Accordions sein. 
• Der Plus/Minus Style  wird in der Regel für Auflistungen oder FAQs verwendet. 
• Der Arrow-Style dient dazu, größere Abschnitte auf der Seite erstmal auszublenden und im Sinne einer "mehr erfahren- Funktion" erst bei weiterem Interesse des User die Inhalte einzublenden. 
• Textliche Beschränkungen gibt es in der Regel beim Accordion nicht. 

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Beispiel ohne Button form

Beispiele mit Button Form