Skip to content

Tabs / Accordion

With a tab / accordion, content can be shown and hidden in tabs or as an accordion.

They are either displayed as tabs, as an accordion or alternatively as image tiles.

Any elements can be inserted into a single tab. Multi-column layouts on a tab are also possible.

Tabs can be linked "from the outside" so that a specific tab is opened directly when a page is opened.

The crowd celebrates the content section

This is a typographical dummy text. It can be used to check if all the letters are there and how they look. Sometimes, sentences containing all the letters of the alphabet are used. This one is very well known: The quick brown fox jumps over the lazy old dog. Also important are âçcèñtš, as well as small caps, kerning, and ligatures (very clever). These days, emojis like 😇😀😉👍🏻🐶🍎 or ⚽️ are also popular in texts.

Sonnenuntergang fotografiert von der linken Rheinseite. Man sieht den Kölner Dom und die Hohenzollernbrücke.
Sonnenuntergang fotografiert von der linken Rheinseite. Man sieht den Kölner Dom und die Hohenzollernbrücke.
Sonnenuntergang fotografiert von der linken Rheinseite. Man sieht den Kölner Dom und die Hohenzollernbrücke.
Sonnenuntergang fotografiert von der linken Rheinseite. Man sieht den Kölner Dom und die Hohenzollernbrücke.
Sonnenuntergang fotografiert von der linken Rheinseite. Man sieht den Kölner Dom und die Hohenzollernbrücke.
View across the Rhine to Cologne Cathedral
Sunset and Hohenzollern Bridge included
More info
Cologne Cathedral at night
Cologne Cathedral at night
Cologne Cathedral at night
Cologne Cathedral at night
Cologne Cathedral at night
Cologne Cathedral at night
The stars twinkle too
More info
View from Cologne Cathedral
View from Cologne Cathedral
View from Cologne Cathedral
View from Cologne Cathedral
View from Cologne Cathedral
View from Cologne Cathedral
Cologne Cathedral from the front
Cologne Cathedral from the front
Cologne Cathedral from the front
Cologne Cathedral from the front
Cologne Cathedral from the front
Cologne Cathedral from the front
Cologne Cathedral in the evening
Cologne Cathedral in the evening
Cologne Cathedral in the evening
Cologne Cathedral in the evening
Cologne Cathedral in the evening
Cologne Cathedral in the evening
Beispielhaftes Reiter / Akkordeon Element, ausgegeben mit dem Formatter "Reiter-Darstellung".

Presents a number of contents in tabs that can be shown and hidden. By default, the first tab is open when the page is loaded. Only one tab can be opened at a time.

Represents a series of tab cards in the form of an accordion. In contrast to the tab display, the accordion can also have several tabs open by element setting.

Displays a row of image tiles. Clicking on an image tile opens a container below that contains the contents. Various element settings are available for highlighting the active tile.