Status dot
- SizeGröße
- 8 px in a 16 px frame8 px in einem 16-px-Rahmen
- Gap to textAbstand zum Text
- 8 px8 px
- OnlineOnline
- Fill success-iconFläche success-icon
- OfflineOffline
- 2 px ring secondary-600, no fill2-px-Ring secondary-600, keine Füllung
- ErrorFehler
- Fill error-iconFläche error-icon
- WarningWarnung
- Fill warning-icon, e.g. data outdatedFläche warning-icon, z. B. Daten veraltet
- InactiveInaktiv
- Filled status-inactive (gray, 3 : 1 in light and dark)Gefüllt status-inactive (grau, 3 : 1 in hell und dunkel)
- RuleRegel
- Color is never the only signal: next to a text, or with a tooltip and a screen-reader text naming the status (e.g. in options)Farbe ist nie das einzige Signal: neben einem Text oder mit Tooltip und Screenreader-Text, der den Status nennt (z. B. in Optionen)
Every statusAlle Status
| DotPunkt | With labelMit Label | With tooltipMit Tooltip | In contextIm Kontext | |
|---|---|---|---|---|
| OnlineOnline | Online | Online | Vehicle A12 · Online | |
| OfflineOffline | Offline | Offline | Vehicle B07 · Offline | |
| ErrorFehler | Error | Error | Vehicle C03 · Error | |
| WarningWarnung | Data outdated | Data outdated | Vehicle D21 · Data outdated | |
| InactiveInaktiv | Inactive | Inactive | Vehicle E05 · Inactive |