SigilGrid

Grid with visible cross marks at cell intersections. Uses a pseudo-element background to render the sigil pattern.

Import

import { SigilGrid, SigilGridCell } from "@sigil-ui/components";

<SigilGrid>...</SigilGrid>

SigilGrid is for local component grids and decorative cell layouts. It is not the page shell. For full pages, use:

<SigilPage rhythm="locked" chrome="rails">
  <SigilSection space="normal">...</SigilSection>
</SigilPage>

Use SigilGrid inside sections when you need a compact grid with visible cell intersections.

This component includes the following parts:

Prop	Type	Default	Description
`columns`	`2	3	4
`gap`	`string	number`	—

SigilFullBleed

A layout primitive that breaks out of the content column to span the full viewport width while maintaining the structural grid.

SigilPageGrid

A page-level 12-column grid with structural-visibility rail lines, cross marks at intersections, and gutter patterns.