Tab
Tabs werden verwendet, um schnell zwischen verschiedenen Ansichten innerhalb desselben Kontexts zu navigieren.
- Schrack Seconet
- Neutral
- Verwendung
Beispiel
Es gibt verschiedene Arten von Tabs:
- Tabs
- Icon Tabs
Tabs
Es gibt 2 Varianten von Tabs:
- Contained: Die Registerkarte ist stets mit einem Hintergrundcontainer verknüpft und findet typischerweise Anwendung in bestimmten Inhaltsbereichen wie Unterseiten.
- Line: Typischerweise findet sie Anwendung innerhalb von Komponenten oder für Inhalte, die das gesamte Layout der Seite nutzen und nicht mit anderen Komponenten verknüpft sind.
Welche sich in zwei Zustände befinden können:
- Active - der Inhalt dieses Tabs wird momentan dargestellt
- Inactive
Icon Tabs
Ebenso gibt es 2 Varianten von Icon Tabs:
- Mit Badge
- Ohne Badge
Welche sich in zwei Zustände befinden können:
- Active - der Inhalt dieses Tabs wird momentan dargestellt
- Inactive
Der Badge deutet darauf hin, dass sich in diesem Tab (neue) Inhalte befinden
Interaktionen
Der inaktive Tab kann verschiedene States haben:
- Hover
- Pressed
Der Hover und Pressed Zustand verhält sich wie auf der Theming Seite festgelegt. Im Light Mode wird der Hover und Pressed Zustand jeweils dunkler und im Dark Mode heller.
