ResponsiveGrid
Collections that adapt to the available width, without forcing twelve columns.
One
Two
Three
Four
Installation
Run it from the root of a project already set up with zunoui init.
npx zunoui@latest add responsive-gridDependencies
What add responsive-grid installs alongside the component. The CLI skips any you already have in a compatible version.
ZUNO registry
@zuno/utils
Examples
1 examples · 1 componentOne
Two
Three
Four
Five
Six
Cards that rearrange
Columns adjust to the available width.
API reference
Forwards props and ref to the container element; it only adds composition utilities.
| Prop | Type | Default |
|---|---|---|
minMinimum column width before wrapping. | string | "16rem" |
gapSpacing between cells. | "4" | "6" | "8" | "6" |
Accessibility
A presentational container using CSS Grid auto-fill; visual order matches DOM order.
Adapts to the container's actual width without forcing a fixed column grid.