Components / Layout
Grid
Auto-fill columns from a minimum width; reflows without media queries.
@ruckc/truss-ui Layout
Import
import { Grid } from '@ruckc/truss-ui';Playground
min
gap
as
API
The element to render.
| Prop | Type | Default | Description |
|---|---|---|---|
min | string | '16rem' | Minimum column width (any CSS length). Columns are added as space allows, with no media queries. |
gap | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 4 | Space between cells: a spacing token step, 1 to 12 (`--tr-space-N`). |
as | string | 'div' | The element to render. |
children snippet | Snippet | — | Content, as a Svelte snippet. |