Builtin component
CSS grid with 1-6 columns.
| Prop | Type | Default | Description |
|---|---|---|---|
content | PageNode | PageNode[] | — | Child nodes |
columns | 1 | 2 | 3 | 4 | 5 | 6 | 1 | Number of grid columns |
gap | "none" | "sm" | "md" | "lg" | "md" | Spacing between items |
Grid({
columns: 3,
gap: "md",
content: [
Card({ title: "One" }),
Card({ title: "Two" }),
Card({ title: "Three" }),
],
})