# Grid Inventory

a 4x3 grid of selectable item slots.

```{raw} html
<a class="example-run-button" href="../demos/features_ui_inventory.html">▶ Run in browser</a>

```

**Tags:** `ui` `inventory` `game-ui`

## What it demonstrates
- A `GridContainer` laying out item slots in a fixed-column grid.
- Each slot is a `Button` carrying an item name and colour swatch.
- Clicking a slot selects it and updates a detail label below the grid.
- The grid is wrapped in a centred panel anchored with `AnchorPreset.CENTER`.

Run: uv run python examples/features/ui/inventory.py

## Source

```{literalinclude} ../../examples/features/ui/inventory.py
:language: python
:linenos:
```