# XWUIChatReadReceipts

Renders the WhatsApp-style delivery-tick glyph row shown beside an outgoing message, driven by a single `status` data prop with the values `sending` (dotted circle), `sent` (single check), `delivered` (double check), or `read` (blue double check). It is an inline `<span>` with an `aria-label` matching the status, and `setStatus()` swaps the glyph in place as a message progresses from sent to read.

## Basic Usage

Renders the read state, showing the blue double-check glyph for a message that has been seen.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A single read-receipt row in the "read" status, rendered as a blue double check.
```

## Every Delivery State

All four receipt glyphs - sending, sent, delivered, and read - stacked in their own rows.

```example
file: examples/DeliveryStates.ts
title: Every Delivery State
description: The sending, sent, delivered, and read glyphs each rendered in a separate row.
```

## Delivered (Not Yet Read)

The grey double-check shown once a message reaches the device but is still unread.

```example
file: examples/DeliveredTick.ts
title: Delivered (Not Yet Read)
description: A single receipt in the "delivered" status, rendered as a grey double check.
```

```api
```