# XWUIGameFavoritesPanel

A compact panel of pinned/favorited item quickslots, rendered either as a `grid` or `list` via the `layout` config. It draws `maxSlots` slots (default 8); filled slots show the item `icon`, an optional name (list layout), a quantity badge when `quantity > 1`, and a pin marker that unpins the item on click. Manage the contents through the `favorites` data array plus the `add(item)` and `remove(id)` API, which enforce the slot cap and dedupe by `id`.

## Basic Usage

Shows a grid of favorite item slots with pin/unpin markers.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A pinned-items quickslot panel laid out as a grid with unpin-on-click markers.
```

## List Layout

The panel in `list` layout, showing each pinned item as a labeled row with its name beside the icon.

```example
file: examples/ListLayout.ts
html: examples/ListLayout.html
title: List Layout
description: A favorites panel using list layout to show item names next to their icons.
```

## Consumable Quickbar

A small quickbar where an Add button pins an elixir into the first free slot via `add()`, deduping by id.

```example
file: examples/ConsumableQuickbar.ts
html: examples/ConsumableQuickbar.html
title: Consumable Quickbar
description: A 4-slot consumable quickbar that pins items into the next open slot with add().
```

```api
```