---
category: Signature
---

**The triplet, as one object.** A 6px dot in the `-mark` colour, the state named
in full in the word colour, on the `-weak` wash. Three tokens, and the reason
they are three is the rule this pack carries out of its reference: *the colour
you paint with is not the colour you write with.*

`label` is required by the type, and that is deliberate. Under deuteranopia
`--danger` and `--warn` separate by 1.2 — the green/amber/red triple is the
classic confusion set and no palette solves it. The word carries the meaning
and the colour reinforces it, so a dot with no word is not a shorter version of
this component, it is a broken one.

```tsx
<StatusDot status="ok" label="Delegated" />
<StatusDot status="danger" label="Revoking" />
<StatusDot status="neutral" label="Held" />
```