Grid

A 12-column grid by default. Items span with plaingrid-column: no GridItem API to learn.

Four columns

One

Two wide

Three

<Grid cols={4} gap="md">
  <Paper padding="sm">One</Paper>
  <Paper padding="sm" style="grid-column: span 2;">Two wide</Paper>
  <Paper padding="sm">Three</Paper>
</Grid>

Props

Prop	Type	Default	Description
`cols`	`number`	`12`	Column count.
`gap`	`sm \| md \| lg`	`md`	Gutter size.

Theming

:root {
  --ink-grid-cols: 12;
  --ink-grid-gap: 1rem;
}

Accessibility

DOM order is the reading order: span with CSS, never reorder content visually.
Layout has no semantics; the grid is invisible to AT.