# All Presence States

Renders the four presence states side by side - `online`, `away`, `busy`, and `offline` - each as its own labelled dot. Because the component clears its host container on construction, every dot is mounted into a separate child element so all four coexist, making the colour for each state easy to compare.