# `PhiaUi.Components.Display.ConnectionStatus`
[🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phia_ui/components/display/connection_status.ex#L1)

Connection status indicator for real-time collaboration.

Shows one of three states with an icon and tooltip:
- `:connected` — green cloud-check, "Connected"
- `:reconnecting` — amber spinning cloud, "Reconnecting..."
- `:offline` — red cloud-off, "Offline — changes will sync when reconnected"

## Examples

    <.connection_status status={:connected} />
    <.connection_status status={:offline} class="ml-2" />

# `connection_status`

## Attributes

* `status` (`:atom`) - Defaults to `:connected`. Must be one of `:connected`, `:reconnecting`, or `:offline`.
* `class` (`:string`) - Defaults to `nil`.

---

*Consult [api-reference.md](api-reference.md) for complete listing*