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
Horror's Least
506
Seventh Seraph SAW
503
Mask of Bakris
510
Triumphal Anthem Grips
509
Iron Battalion Vest
506
Triumphal Anthem Strides
508
Iron Battalion 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.