> For the complete documentation index, see [llms.txt](https://docs.rh-webdesign.com/cms-bundle/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.rh-webdesign.com/cms-bundle/elemente/inhalt-content/tab-liste.md).

# Tab - Liste

Das Element ermöglicht es, Inhalte in einem übersichtlichen Tab-Format darzustellen.

Ähnlich wie beim Akkordeon-Element können **mehrere Abschnitte organisiert werden**, jedoch werden die Inhalte hier durch Tabs ein- und ausgeblendet. Dies bietet eine intuitive und benutzerfreundliche Möglichkeit, umfangreiche Informationen auf kleinem Raum anzuzeigen.

<figure><img src="/files/kqPPuVjKRjF7fNKOxiKf" alt=""><figcaption></figcaption></figure>

### Tab - Einstellungen

<figure><img src="/files/xkTrjaNkh5f8s4zUUMRg" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="268">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Sortierung (1)</td><td>Duplizieren, verschieben und löschen der einzelnen Elemente</td></tr><tr><td>Titel (2)</td><td>Hier wird der Titel des Tabs gesetzt</td></tr><tr><td>Inhalt (3)</td><td>Hier setzt du den Inhalt des Tabs. Auch TWIG Variablen sind möglich.</td></tr><tr><td>Neuer Tab (4)</td><td>Hier kannst du beliebig viele weitere Tabs hinzufügen</td></tr></tbody></table>

### Erweiterte - Einstellungen

<figure><img src="/files/kt4FRBUQxSwGeWglrevv" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="268">Funktion</th><th>Beschreibung</th></tr></thead><tbody><tr><td>Anzeigemodus (1)</td><td>Die Tab-Navigation wird entweder in <strong>der Topbar über den Inhalten</strong>, oder in der <strong>Sidebar neben dem Inhalten</strong> platziert</td></tr><tr><td>Style der Tabs (2)</td><td><strong>Buttons</strong> = Darstellung als Buttons<br><strong>Standard</strong> = Darstellung im Shopware Standard</td></tr><tr><td>Vertikale Ausrichtung (3)</td><td>Hier kannst du einstellen, wie die vertikale Ausrichtung des Elements in der Storefront berechnet werden soll.</td></tr></tbody></table>