Tab
1. Was macht die Komponente?
Dient zur Strukturierung der Anzeige von Daten und Formularen.
2. Wann soll die Komponente eingesetzt werden?
- Wenn innerhalb des gleichen Kontexts zwischen verschiedenen Aspekten gewechselt werden soll.
- Wenn die Inhalte der verschiedenen Aspekte nicht gleichzeitig vom Benutzer angesehen werden.
3. Regeln
- Es gibt mindestens zwei Register.
- Per Default ist immer das erste Register ausgewählt.
- Die Registerbezeichungen sind immer einzeilig.
- Die Registerbezeichung sollte möglichst kurz und prägnant sein, damit die Themen schnell erfasst werden können.
- Falls die Register für den Viewport zu lang sind, sind die weiteren Register mit einer horizontalen Scrollbar (Desktop) rsp. durch Swipen (Tablet / Mobile) erreichbar.
- Ein weiteres Tab-Modul innerhalb eines Registers ist nicht erlaubt.
4. Ausprägungen und Zustände
Die Komponente hat folgende Zustände:
- Active
- Inactive
- Hover
- Focused
4.1 Standard
Design Spezifikation
Code Spezifikation
4.2 Mit Mengenindikatoren
- Der Mengenindikator liefert einen Hinweis, wie viele Einträge eine Liste im Content des Registers aufweist.
- Der Mengenindikator beinhaltet nur Zahlen, maximal 3-stellig.