# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.rh-webdesign.com/cms-bundle/elemente/inhalt-content/tab-liste.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.