Essaie d'utiliser des termes de recherche différents ou moins nombreux.
PrincipesBasesAccessibilitéSystème de designGuidelines Deutsch Français Italiano English
Nos principes de design Centré sur l’utilisateur Reconnaissable Inclusif Minimaliste Holistique Auto-explicatif Axé sur les tâches Approprié
La marqueLink target opens in a new window. Portail de la marque CFF Logo Horloge numérique Droits d’utilisationCouleurs Couleurs de base Couleurs supplémentaires Couleurs off-brandAssets Icônes Icônes de l’horaire PictogrammesLangue À propos du UX writing Les textes de boutons et de liens Les notifications Les formulaires et champs de saisie Indicateur de progression Liste de mots numériques
Introduction À propos de l’accessibilité À propos de ce guide Contact Informations complémentairesRôles Product Owner User Research Interaction Design Visual Design Development Content Design Testing
Premiers pas What is a design system? Conception Développer FAQ AideOrganisation Procès Contribution ContactMobile Aperçu Base ComposantsLyne Aperçu Qu'est-ce que Lyne ? Releases Presets & Themes Design Tokens Composants TemplatesMaps Aperçu Base InformationsPatterns Aperçu
Guides Power-Apps Bandeaux publicitaires numériques SAP IA Design : BasesSpécifications Icônes d’applications
Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles: Deutsch EnglishUsermenu.
Ü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.
Varianten
Zustände
Die Komponente hat folgende Zustände:
LoggedOut
Collapsed
Expanded
Hover
Varianten
Standard
Rollenauswahl
Spezifikationen
Link target opens in a new window.DesignLink target opens in a new window.Code