# XWUIGameArsenalDisplay

A compact loadout panel that shows the player's currently equipped `weapon`, `spell`, and `element` slots side by side, each with an icon, name label, and optional keyboard key hint, plus an optional `ammo` counter rendered as current/max. The `element` slot picks up a colored glow from its `color` field. Use `layout` (`horizontal`, `vertical`, `compact`), `showKeyHints`, and `showLabels` to tune density; call `setAmmo()` to update the round count without a full re-render.

## Basic Usage

A horizontal arsenal panel showing the equipped weapon, spell, element, and ammo count.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: A horizontal arsenal panel showing the equipped weapon, spell, element, and ammo count.
```

## Vertical Compact Loadout

A stacked, icon-only arsenal that drops labels and key hints for a tight HUD corner.

```example
file: examples/VerticalCompact.ts
html: examples/VerticalCompact.html
title: Vertical Compact Loadout
description: A stacked, icon-only arsenal that drops labels and key hints for a tight HUD corner.
```

## Element Swap with Live Ammo

A frost loadout whose element slot glows blue, with setAmmo() ticking the reserve down.

```example
file: examples/ElementSwap.ts
html: examples/ElementSwap.html
title: Element Swap with Live Ammo
description: A frost loadout whose element slot glows blue, with setAmmo() ticking the reserve down.
```

```api
```