Components / Grid
Grid
An equal-column grid with a tokened gap: StatCard rows, paired charts, any run of same-shaped cards. Part of the Elle generative-UI catalog, so agents and developers compose the same primitive.
import { Grid } from '@layers/ui/grid'Rendered stock
House rules
- columns is 1 to 4 equal tracks; gap is sm (8px), md (16px), or lg (24px). Reach for these tokens, never a raw grid-cols/gap class pair.
- It sizes content inside a sheet or card, not the page; canvas and sheet layouts own page structure.
- Changes here reach Elle-generated sheets too; keep the API in lockstep with the catalog schema in @layers/ui-schema.