InventoryGrid

A slot grid for inventory UIs — same mechanics as Grid but semantically intended to hold InventorySlot children.

Properties

Same as Grid: Columns, Rows, Cell Width, Cell Height, Grid Gap, Auto Fill, Grid Strategy.

Generated output

<div class="inv-grid sui-inv-grid">
  <div class="slot sui-slot-a"></div>
  <div class="slot sui-slot-b"></div>
  ...
</div>

Same SCSS as Grid — display: flex; flex-wrap: wrap; gap: …; width / height calculated from cell × count.

Typical structure

InventoryGrid (Columns: 6, Rows: 4)
├── InventorySlot (SlotIndex: 0, PreviewIconPath: ...)
├── InventorySlot (SlotIndex: 1)
├── InventorySlot (SlotIndex: 2)
...

The SlotIndex is editor-only — your code typically reads slot data via the parent grid’s component, not via the slot’s SlotIndex property.

See also

• InventorySlot — child of InventoryGrid
• Hotbar — single-row variant
• Grid — non-inventory variant