Badge
Status and metadata label, and feedback tags (info, success, warning, danger) drawn as white pills with a halo dot. The word is always present, so the badge never depends on color alone to carry meaning.
Used by the prototype shell. Not yet assigned to a flow.
Shows every state that applies.
- No hover, focus, active or disabled state: Not interactive: it has no controls of its own.
- No loading state: Fixed content written into the product: there is nothing to wait for.
- No error state: Fixed content written into the product: nothing can fail.
- No empty state: Always has a label.
- No long text state: Labels come from a short fixed set: statuses, groups, flags.
- No filled state: Not an input, so there is nothing to fill in.
- Web only
- Sprint 3
- Status: Draft
- Status: In review
- Status: Approved
- Info
- On track
- Needs a look
- Overdue