Layout

Grid

Equal columns per breakpoint, or an auto-fill grid that fits as many columns as the minimum width allows.
import { Grid } from "pleate/grid";

Responsive and auto-fill

1
2
3
4
5
6
7
8
auto-fill
auto-fill
auto-fill
auto-fill
auto-fill
auto-fill

Props

columns

Each breakpoint inherits the one below.

number | { base, sm, md, lg, xl }default 1

minItemWidth

CSS length; switches to auto-fill.

string

gap / rowGap

Spacing steps of 0.25rem.

numberdefault 4