Grid

Responsive columns: one, then up to the chosen count at sm / lg / xl.

Layout

Pack defaults

With content

In context

Source

import { Grid } from "demo-webshop/components";

const props = {
  "columns": "3",
  "gap": "md"
};
<Grid {...props} />

Injected into the previews above. Grid

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */