Zudo Sg

Type to search...

to open search from anywhere

AutoGrid

Auto-fit/auto-fill responsive grid primitive for card-style listings, switching column density by minimum track width.

Layout

Usage

import { AutoGrid } from "@zudo-sg/ui/src/shared/auto-grid/auto-grid";

<AutoGrid min="15rem">
  <Card title="One">…</Card>
  <Card title="Two">…</Card>
</AutoGrid>
Default (auto-fit, min 15rem)
Wider tracks (min 16rem)
Fill (keeps empty tracks)