Source: https://cd.union-investment.de/anwendungen/Digitalmedien/komponentenbibliothek/akkordeon
Verwenden Sie ein Akkordeon, um umfangreiche Inhalte kompakt darzustellen (s. auch alternativ Reiter-Gruppe ). Ein Akkordeon besteht aus mehreren Akkordeon-Reitern, die durch Klick den zugehörigen Inhalt anzeigen. Der aktuell geöffnete Akkordeon-Reiter wird mit einer UI-grünen Überschrift ausgezeichnet. Ein Pfeilspitzen-Icon wechselt nach Klick ebenfalls von UI-Blau zu UI-Grün und wird horizontal gespiegelt. Akkordeons eignen sich vor allem dann, wenn:
In jeden Akkordeon-Reiter können weitere Komponenten eingefügt werden, z. B. Text/Media , Aufzählung . Durch die Verwendung von Sprungmarken kann eine Verlinkung zu einem definierten Sprungziel innerhalb des Akkordeons geschaffen werden. Das Sprungziel kann eine Reiter-Überschrift oder ein frei wählbarer Punkt innerhalb eines geöffneten Reiters sein.
Diese Komponenten können in die Akkordeon Tabs eingebunden werden: Aufzählung, Fußnoten-Liste, Link, Link-Liste, Newsletter Call-to-Action, Sprungmarke, Superzahl, Text/Media und Zitat.
Einleitungstext Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam volu Link im Introtext Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor inv. 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. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
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. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur.
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. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et
Lorem ipsum dolor sit amet, consetetur
60 Jahre
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor
Lorem ipsum
Storybook Web Components
Entwickler können unsere Web Components unmittelbar in Webseiten und mobilen Applikationen einsetzen. Somit profitieren Sie von einem fertig verwendbaren Framework.
Zu der CMS-Komponente
