# XWUIReactionSelector

An emoji reaction picker plus reactions row for a chat message: it renders a chip for each `data.reactions` entry (emoji, `count`, optional `users`) and a "😊" trigger button (`allowAdd`) that opens an `XWUIOverlayPopover` of `quickReactions` to add new ones. Clicking a chip toggles the current user's reaction (Slack/Discord semantics, tracked via `userReacted`), firing a Telegram-style confetti burst on add; `showCount` reveals per-emoji counts and `showUserList` shows a who-reacted tooltip on hover. The popover `placement` (`top`/`bottom`/`left`/`right`), `size`, and `className` are configurable, and `onReactionChange()` / `getReactions()` / `setReactions()` expose the state programmatically.

## Basic Usage

An empty reaction bar with no preset reactions, showing just the "😊" trigger that opens the quick-reaction picker on click.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Empty reactions row with only the add-reaction trigger and its quick-emoji popover.
```

## With Reactions

A pre-populated reactions row with three emoji chips carrying counts and reactor names.

```example
file: examples/WithReactions.ts
html: examples/WithReactions.html
title: With Reactions
description: Reactions row seeded with thumbs-up, heart, and grinning chips showing counts and user lists.
```

## Read Only Row

A display-only reactions strip with allowAdd off and showUserList on, seeded with a userReacted highlight and who-reacted tooltips.

```example
file: examples/ReadOnlyRow.ts
html: examples/ReadOnlyRow.html
title: Read Only Row
description: A read-only reactions row (no add trigger) with counts, a userReacted highlight, and hover user lists.
```

## Custom Quick Set

A picker with a bespoke quickReactions palette, larger md chips, and bottom placement, logging adds and removes via onReactionChange.

```example
file: examples/CustomQuickSet.ts
html: examples/CustomQuickSet.html
title: Custom Quick Set
description: Reaction selector with a custom quick-emoji set, md size, bottom-placed popover, and an onReactionChange handler.
```

```api
```