# XWUIChatReactionsStrip

The emoji-reaction strip that sits under a message bubble: a row of pills built from the `reactions` data array, each showing an `emoji` and its `count`, with pills the viewer reacted with (`byMe`) given a highlighted style. Clicking a pill fires `onReactionClick(emoji)` to toggle that reaction; when the `showAddButton` conf_comp flag is set, a trailing "+" button fires `onAddClick` to open a picker. Emoji strings are HTML-escaped before insertion to prevent injection, and `setReactions()` re-renders the strip with a new set.

## Basic Usage

A strip of three reaction pills (👍, ❤️, 🔥) where the 👍 pill is highlighted as reacted-by-me, plus a trailing add-reaction button.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Three counted reaction pills with the thumbs-up marked by-me and an add-reaction button enabled.
```

## Many Reactions

A heavily-reacted message with five emoji pills and a trailing add-reaction button.

```example
file: examples/ManyReactions.ts
title: Many Reactions
description: Five counted reaction pills with the thumbs-up marked by-me and an add button.
```

## Read-only Strip

Reaction pills with the add button omitted (the default) for view-only surfaces.

```example
file: examples/ReadOnlyStrip.ts
title: Read-only Strip
description: Two reaction pills with no add button, suitable for read-only contexts.
```

```api
```