Online status dot
Tiny presence dot - green online with pulse, amber idle, red busy, grey offline. Four pixel sizes plus an optional inline label.
Production answer
Online status dot is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Primary CTAReview Online status dot states
Generative search brief
Online status dot: Tiny presence dot - green online with pulse, amber idle, red busy, grey offline. Four pixel sizes plus an optional inline label.
Four states · medium
MarcusJordanDanielPriya
Size variants · online
No label · screen-reader announces status
Behaviour
Pulse halo is conditional — defaults to true for online, opt-in for idle / busy via the pulseprop, and disabled for offline. Reduced-motion suppresses the halo entirely. When a label is provided the dot becomes a labelled row; without one, it stays a single role="img" element with the status as its label.