Horizontal Tabs

Collapsible Icon

Horizontal tabs are a popular element for hiding further information in a collapsible area.

The first element is opened and the content of the others is invisible. A reader interested in supplementary information can click into the detail areas.

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.

Alternative style

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.

Inverted style

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.

Horizontal tabs with various content

One can use media galleries in horizontal tabs.

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

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.


This is a Page with dummy text.

Content with the wording "Lorem Ipsum" is only a placeholder.