StatusDot
The shared status vocabulary: a glyph and a colour, never only a colour.
import { StatusDot } from '@textui/core';
<StatusDot status="degraded" label="billing-worker" />
Props
| Prop | Type | Default | |
| — | — | — | — |
| status | 'up' \| 'down' \| 'degraded' \| 'unknown' \| 'pending' | required | |
| label | string | | |
Plus everything on BoxProps.
Role: status.
Five states, and they are fixed: up, down, degraded, unknown,
pending. Fixing them is the point - a status that means the same thing
everywhere can be read at a glance, and one invented per screen cannot.
Each is a glyph and a colour, not a colour. A sixteen-colour session, a colourblind reader and a piped log all lose the colour and keep the glyph, so the glyph has to carry the meaning on its own.
See also
- Badge - free text rather than a fixed vocabulary
- Alert - a state worth a whole row
- Capabilities - what a 16-colour session loses