Engram

Item grid

component

The fundamental inventory/collection container: a CSS grid that lays out item tiles (passed as `children`).

Install

npx shadcn@latest add @engram/item-grid

Registry item: /r/item-grid.json — the machine-readable definition agents install from.

Example

Festival Flight
510
Aberrant Action
500
The Slammer
495
Mask of Fealty
501
Seventh Seraph Grips
500
Seventh Seraph Vest
503
Seventh Seraph Strides
502
Seventh Seraph Cloak
506
Mint Retrograde
463
Gnawing Hunger
444
Temptation's Hook
454
Thunderhead Cover
448
Thunderhead Gloves
450
Mataiodoxía
460

Props

PropTypeDefaultDescription
columnsnumber—Fixed number of columns. Omit for a responsive auto-fill grid that packs as many `min`-wide tiles per row as fit (the default inventory behavior).
minnumber48Min tile width (px) for the responsive auto-fill grid. Default 48.
gapnumber4Gap between tiles (px). Default 4.

Own the code: shadcn add copies this component's source into your repo to read and edit directly. Extend without forking — edit the source, use asChild to swap the element, or pass the typed annotations prop for curated data.