# XWUIChatReplyPreview

The quoted-message preview bar that appears above the composer when the user is replying to a message, showing the original `senderName` and a `preview` snippet of its text. Clicking the body invokes the `onClick` callback (host apps scroll to the original message), and a trailing close button - toggled by the `showCancel` config (default `true`) - fires `onCancel` to clear the reply.

## Basic Usage

A reply preview quoting Alex Rivera's message, with the default cancel button shown.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A reply preview quoting "Alex Rivera" and a one-line message snippet, with the cancel button enabled.
```

## Replying to a Photo

A reply preview that quotes a photo message, summarising it as a "📷 Photo" snippet.

```example
file: examples/ReplyToImage.ts
title: Replying to a Photo
description: A reply preview quoting an image message with a "📷 Photo" preview line.
```

## Non-dismissable Quote

A quoted message with the cancel button hidden via `showCancel: false`.

```example
file: examples/NoCancel.ts
title: Non-dismissable Quote
description: A reply preview with the cancel button hidden so the quote is a fixed label.
```

```api
```