# XWUIGameChestLootUI

A chest/container loot popup that shows lootable items as a clickable grid with a header carrying the `containerName` (defaults to "Chest"). Each item slot renders its `icon`, a quantity badge when `quantity > 1`, and a name tooltip; clicking a slot takes that single item while the `showTakeAll` button (on by default) empties the container at once. Configure the grid width with `columns` (default 4) and wire up pickups via `onTake(slot, item)` and `onTakeAll()`.

## Basic Usage

Shows a container popup with a 4-column loot grid and a Take All button.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A chest loot popup rendering lootable items with per-item take and Take All actions.
```

## Dragon Hoard

A boss-tier reward container in a wide 5-column grid, packed with epic and legendary drops.

```example
file: examples/DragonHoard.ts
html: examples/DragonHoard.html
title: Dragon Hoard
description: A high-rarity boss hoard in a 5-column grid full of epic and legendary loot.
```

## Refill Container

A Take All crate that restocks itself with a fresh batch of loot via `updateData()` once emptied.

```example
file: examples/RefillContainer.ts
html: examples/RefillContainer.html
title: Refill Container
description: A supply crate that empties on Take All, then refills with new items through updateData().
```

```api
```