# XWUIChatPresenceDot

A small coloured status dot that signals a contact's presence as one of `online`, `away`, `busy`, or `offline` via the `state` data prop, rendered as a `role="status"` span with an `aria-label` (falling back to the state name when no `label` is given). It is built to be absolutely positioned over an avatar's bottom-right edge - `XWUIChatHeader` and `XWUIChatPreviewRow` both compose it that way. The `size` conf_comp prop sets the diameter (default `10px`) and `bordered` (default `true`) adds the ring that separates it from the avatar; `setState()` swaps the colour live.

## Basic Usage

A single presence dot in the `online` state at its default 10px bordered size.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A standalone online-state presence dot at the default bordered 10px size.
```

## All Presence States

The four states - online, away, busy, and offline - shown side by side as labelled dots.

```example
file: examples/AllStates.ts
title: All Presence States
description: Online, away, busy, and offline dots rendered together for colour comparison.
```

## Large, Unbordered Dot

A 20px away-state dot with the ring removed and a custom accessible label.

```example
file: examples/LargeUnbordered.ts
title: Large, Unbordered Dot
description: A larger away dot with bordered turned off and a custom aria-label.
```

```api
```