beta

Tab

1. Was macht das Modul?

  • Dient zur Strukturierung der Anzeige von Daten und Formularen.

2. Wann soll das Modul 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

Das Modul 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.

Design Spezifikation

Code Spezifikation