Prinzipien Grundlagen Barrierefreiheit Design System Guidelines Deutsch Français Italiano English Unsere Gestaltungsprinzipien Nutzerzentriert Wiedererkennbar Inklusiv Reduziert Ganzheitlich Selbsterklärend Aufgabenorientiert Passend SBB Markenportal Logo Digitale Uhr Nutzungsrechte Basis-Farben Funktionale Farben Off-Brand Farben Icons Fahrplan-Icons Piktogramme Über Barrierefreiheit Über diesen Guide Kontakt Weitere Informationen Product Owner User Research Interaction Design Visual Design Development Content Design Testing Was ist ein Design System?​ Designing Coding FAQ Hilfe Prozess Contribution Kontakt Übersicht Basis Komponenten Übersicht Releases Design Tokens Komponenten Übersicht Basis Informationen Übersicht Basis Komponenten Sinn & Zweck Community Assets Anleitung Power-Apps Digitale Werbebanner SAP App Icons Usermenu

Übersicht

Was macht die Komponente?

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

Wann soll die Komponente eingesetzt werden?

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

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.
Zustände und Varianten

Zustände

Die Komponente hat folgende Zustände:

  • LoggedOut
  • Collapsed
  • Expanded
  • Hover

Varianten

Standard

Darstellung eines Usermenüs

Rollenauswahl

Darstellung eines Usermenüs mit Rollenauswahl

Spezifikationen

DesignCode

Impressum Kontakt Datenschutz Cookie Einstellungen