Simple Grid

A layout component that creates responsive, flexible grid layouts with automatic column sizing.

Responsive Layout

Use the minChildWidth prop to control the minimum width of each grid item. The grid automatically fits as many items as possible within the available space.

Customizing

globals.css


:root {
  --ex-simple-grid-min-child-width: 0;
}

API

Element	Selector
`SimpleGrid`	`.ex-simple-grid`

Prop	Type	Default
`as`	`ElementType`	`div`
`asChild`	`boolean`	`false`