Komponenten

Tabs

Mit Hilfe von Tabs können Nutzer leichter durch Inhalte navigieren, die auf unterschiedliche Ansichten verteilt sind. In diesem Guide erfahren Sie, wie Tabs angewendet werden.

Tabs
  • Anwendung
  • Beispiele
  • Verwandte Komponente
  • Download

Anwendung

Verwendung von Tabs

Es gibt zwei verschiedene Zustände von Tabs: aktive und inaktive Tabs. Sobald ein Tab aktiviert wird, werden alle anderen Tabs inaktiv.

Senkrecht oder waagerecht

Je nach Menge Ihrer Inhalte haben Sie die Wahl zwischen einer senkrechten oder einer waagerechten Tab-Navigation.

Wenn Sie die senkrechte Navigation auf Mobilgeräten verwenden möchten, bietet sich ein nach unten aufklappbares Dropdown-Menü a

Hervorhebungen

Der Design Guide bieten Ihnen eine Vielzahl an Möglichkeiten, um wichtige Elemente hervorzuheben. Ist eine Tab-Navigation aufgrund der enthaltenen Inhalte besonders wichtig, kann eine auffälligere Variante gewählt werden.

Beispiele

Verwandte Komponente

Download

Wenn Sie ein Dokument herunterladen, akzeptieren Sie unsere Nutzungsbedingungen.

Sketch UI Library
ZIP
85,98 MB