Navigieren auf digital.sbb.ch

Beta

Usermenu

1. Was macht die Komponente?

  • Dient zum An-/Abmelden, zur Rollenauswahl und bietet den angemeldeten Benutzer*innen ein Menü mit übergreifenden Funktionalitäten an.

2. Wann soll die Komponente eingesetzt werden?

  • Immer wenn sich die Benutzer*innen bei einer Anwendung anmelden können soll.

3. Regeln

  • Das Usermenü ist immer im Header platziert und darf nur dort eingesetzt werden.
  • Das aufgeklappte Usermenü kann durch Klick ausserhalb des Dropdowns geschlossen werden.
  • Der letzte Menüpunkt in der Liste ist immer «Abmelden».
  • Optional können für die Menüeinträge Icons verwendet werden.

4. Ausprägungen und Zustände

Die Komponente hat folgende Zustände:

  • LoggedOut
  • Collapsed
  • Expanded
  • Hover

4.1 Standard

Darstellung der Komponente Usermenü in der Standard Ausprägung

Design Spezifikation

Code Spezifikation

4.2 Rollenauswahl

Darstellung der Komponente Usermenü mit Rollenauswahl

Design Spezifikation

Code Spezifikation

1. Was macht die Komponente?

  • Dient zum An-/Abmelden, zur Rollenauswahl und bietet den angemeldeten Benutzer*innen ein Menü mit übergreifenden Funktionalitäten an.

2. Wann soll die Komponente eingesetzt werden?

  • Immer wenn sich die Benutzer*innen bei einer Anwendung anmelden können soll.

3. Regeln

  • Das Usermenü ist immer im Header platziert und darf nur dort eingesetzt werden.
  • Das aufgeklappte Usermenü kann durch Klick ausserhalb des Dropdowns geschlossen werden.
  • Der letzte Menüpunkt in der Liste ist immer «Abmelden».
  • Optional können für die Menüeinträge Icons verwendet werden.

4. Ausprägungen und Zustände

Die Komponente hat folgende Zustände:

  • LoggedOut
  • Collapsed
  • Expanded
  • Hover

4.1 Standard

Darstellung der Komponente Usermenü in der Standard Ausprägung

Design Spezifikation

Code Spezifikation

4.2 Rollenauswahl

Darstellung der Komponente Usermenü mit Rollenauswahl

Design Spezifikation

Code Spezifikation