Horizontal Tabs

Collapsible Icon

Horizontale Tabs sind ein beliebtes Element, um weiterführende Informationen in einem umschaltbaren Bereich zu verstecken. Die Tabs sind gut sichtbar und die Informationen somit auf einen Klick abrufbar, während das Dokument weniger lang wird. Es empfiehlt sich supplementäre Informationen für Interessierte in Tabs zu platzieren. Es können auch Medienelemente und eingebettete Inhalte (bspw. Facebook Posts) in den Horizontalen Tabs integriert werden.

Das erste Element ist initial geöffnet und alle anderen werden erst auf einen Klick auf den Tab dargestellt.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.

Quisque sed metus mi. Fusce purus libero, fringilla eget odio vitae, suscipit tincidunt purus.

Stil alternativ

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.

Quisque sed metus mi. Fusce purus libero, fringilla eget odio vitae, suscipit tincidunt purus.

Stil invertiert

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore.

Quisque sed metus mi. Fusce purus libero, fringilla eget odio vitae, suscipit tincidunt purus.

Horizontale Tabs mit verschiedenen Inhalten

Es können Mediengalerien in Horizontal Tabs verwendet werden.

Und es können Social Media Inhalte eingebettet werden.

Content creation and user experience session #davos #drupalmountaincamp #newpatterns

Ein Beitrag geteilt von Nemanja ZH-BG (@nemanjatck) am

Quisque sed metus mi. Fusce purus libero, fringilla eget odio vitae, suscipit tincidunt purus.


Dies ist eine Seite mit Blindtext.

Inhalt mit dem Wortlaut "Lorem Ipsum" für rein demonstrative Zwecke.