Principes Bases Accessibilité Système de design Guidelines 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é Portail de la marque CFF Logo Horloge numérique Droits d’utilisation Couleurs de base Couleurs supplémentaires Couleurs off-brand Icônes Icônes de l’horaire Pictogrammes À propos de l’accessibilité À propos de ce guide Contact Informations complémentaires Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Conception Développer FAQ Aide Procès Contribution Contact Aperçu Base Composants Aperçu Releases Design Tokens Composants Aperçu Base Informations Aperçu Base Composants Aperçu Power-Apps Bandeaux publicitaires numériques SAP IA Design : Bases Icônes d’applications Cette page n'est pas disponible dans la langue souhaitée. Langues disponibles: Deutsch English Status Ü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

Darstellung eines Status mit Icon


  • Diese Variante dient als platzsparende Variante, welche z.B. in einer Tabelle eingesetzt werden kann.

Text

Darstellung eines Status mit Text


  • Diese Variante dient als platzsparende Variante, welche z.B. in einer Tabelle eingesetzt werden kann, wenn Icons nicht selbsterklärend sind.

Extended

Darstellung eines Status mit Icon und Text


  • Diese Variante soll vor allem in der Detailansicht eines Objekts eingesetzt werden.

Spezifikationen

DesignCode
Contact

Vous avez des questions ? Vous trouverez peut-être une réponse dans notre FAQ ou notre aide, sinon vous pouvez poser votre question sur le board correspondant sur Github.

Impressum Contact Protection des données Paramètres des cookies