Accordion


Das Accordion bietet weitere Informationen auf einer Seite, wobei die Seitenlänge so kurz wie möglich gehalten wird.

.

Beispiel

Accordion example
Jedes auszuklappende Element enthält eine Überschrift und einen Pfeil. Zeigt der Pfeil nach oben, wird der Text nicht angezeigt, zeigt der Pfeil nach unten, klappt das Accordion auf und der Text wird angezeigt.
.

Elemente

Accordion elements
Abhängig vom Fall, kann das Accordion verschiedene Elemente enhalten:
.

Größen

Accordion sizes

Das Accordion kann wie folgt platziert werden

          a. L (8 Spalten im Zentrum)
          b. M (6 Spalten)
          c. Hereinschwebend in S (4 Spalten)

Accordion responsive behavior

Links: Das Accordion verhält sich in allen Größen gleich. 

Rechts: Nur die kleinste Ansicht zeigt das 12-Spalten-breite Accordion.

Verwandte Themen

 

Kontakt und Feedback

Das Team Brand Consultancy berät Sie gerne bei Fragen: Kontakt.
Wir freuen uns über ein Feedback zum Brand Portal.