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 EnglishStatus.
Übersicht
Was macht die Komponente?
Zeigt den Status eines Objekts an.
Wann soll die Komponente eingesetzt werden?
Wenn der Status / Zustand eines Objekt dauernd und prominent angezeigt werden soll.
Regeln
Die unten dargestellten Bilder zeigen Beispiele für Status. Die Zustände werden jeweils applikationsspezifisch festgelegt und damit auch die Farben und Icons passend gewählt.
Varianten
Zustände
Die Komponente hat folgende Zustände:
Default
Varianten
Icon
Diese Variante dient als platzsparende Variante, welche z.B. in einer Tabelle eingesetzt werden kann.
Text
Diese Variante dient als platzsparende Variante, welche z.B. in einer Tabelle eingesetzt werden kann, wenn Icons nicht selbsterklärend sind.
Extended
Diese Variante soll vor allem in der Detailansicht eines Objekts eingesetzt werden.
Spezifikationen
Link target opens in a new window.DesignLink target opens in a new window.Code