Theme
Grid
Equal columns that reflow with the space available, without a media query.
Examples
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Props
Grid
Equal columns that reflow with the space available.
| Prop | Type | Default | Description |
|---|---|---|---|
as? | ElementType | "div" | |
gap | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | — | |
minColumn? | string | "16rem" | The narrowest a column may be; as many columns as fit are made, with no media query. |
children | ReactNode | — |
Accessibility
- No interaction of its own: it is static content, so there is nothing to operate by keyboard.
- Built from logical properties (inline and block), so it mirrors in right-to-left text.
- Reading order is source order at every width.