# Tabs

Tabs strukturieren verwandte Inhalte und ermöglichen einen schnellen Zugriff auf unterschiedliche Ansichten.

## Guidelines

# Grundlagen

## Best practices

Achte bei der Verwendung von Tabs darauf, dass ...

- innerhalb eines Tabs nur thematisch eng verwandter Content gruppiert wird.
- nie mehrere Tabs gleichzeitig relevant für eine Aufgabe sind. Alle relevanten
  Informationen müssen innerhalb eines Tabs direkt zugänglich sein.
- idealerweise nicht mehr als sechs Tabs verwendet werden, um Übersichtlichkeit
  zu gewährleisten.
- die Reihenfolge nach Wichtigkeit oder Häufigkeit der Nutzung erfolgt.
- jeder Tab eigenständig verständlich ist und eine kurze und deutliche
  Beschriftung hat.
- kein Content in mehreren Tabs gedoppelt wird.
- sie keine Hauptnavigation ersetzen.
- sie oberhalb von einer
  [LayoutCard](/04-components/structure/layout-card/overview) positioniert
  werden.
- bei Statusanzeigen innerhalb eines Tabs – z. B. durch einen
  Danger-[Alert](/04-components/status/alert/overview) – der Tab selbst ein
  entsprechendes Status-Icon erhält, um die Aufmerksamkeit darauf zu lenken.

## Verwendung

Verwende Tabs, um ...

- komplexe Inhalte in kleinere, übersichtlichere Ansichten zu gliedern.
- umfangreiche Detailseiten in mehrere aufgaben- oder themenbezogene Abschnitte
  aufzuteilen.