Presence Badge

Availability dot on an avatar or by itself.

PresenceBadge shows availability as a colored dot using Orbital status tokens (--orb-color-status-success-fg, --orb-color-status-warning-fg, --orb-color-status-danger-fg). Set status to Available, Away, Busy, Offline, OutOfOffice, or Unknown. Wrap an Avatar as a child to anchor the dot at the bottom-right — common in people lists and messaging UI.

For inline text labels use Badge; for numeric overlays use CounterBadge.

  • Contact lists and chat headers where a person glyph needs an availability signal
  • Status legends that explain dot colors
  • Standalone dots when no avatar host is needed
Default presence dot

Standalone presence indicator for status legends.

On avatar

Presence dot anchored to an avatar host — common in contact lists and chat.

JD
Status matrix

Supported availability states side by side, including out-of-office and unknown.

A
B
C
D
E
F