Principi Base Accessibilité Sistema di design Guidelines Deutsch Français Italiano English I nostri principi di design Soluzioni focalizzate sull’utente Riconoscibilità Inclusione Riduzione Olistico Autoesplicativo Orientamento all’attività Adeguatezza Portale della marca FFS Logo Orologio digitale Diritti di utilizzazione Colori die base Colori funzionali Colori Off Brand Icone Icone dell'orario Pittogrammi Informazioni sull’accessibilità Über diesen Guide Contatti Letture consigliate Product Owner User Research Interaction Design Visual Design Development Content Design Testing What is a design system? Designing Coding FAQ Aiuto Processo Contribution Contatto Introduzione Base Componenti Overview Releases Design Tokens Komponenten Introduzione Base Informazioni Introduzione Base Componenti Senso & scopo Community Assets Istruzioni Power-Apps Banner pubblicitari digitali SAP Icone delle app Questa pagina non è disponibile nella lingua desiderata. Lingue disponibili 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.
 Zustände und 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
Contatto

Avete domande? Forse le nostre FAQ o la nostra guida vi saranno d'aiuto, altrimenti potete inserire la vostra domanda nella board corrispondente su Github.

Impressum Contatto Protezione dei dati Impostazioni dei cookie