Catalogue element

bry-grid

Equal columns that respond to available width.

Settings

SettingTakesNeeded
columns1, 2, 3, 4, 5, 6no
gap1, 2, 3, 4, 5, 6, 7, 8no
alignstart, center, end, stretchno

Example

JSX

<bry-grid columns={"3"} gap={"3"}>
  <bry-card title={"To do"} padding={"3"} />
  <bry-card title={"Doing"} padding={"3"} />
  <bry-card title={"Done"} padding={"3"} />
</bry-grid>

Renderer contact sheet

These paths will hold the checked light and dark captures.

Light
bry-grid light renderer capture
Dark
bry-grid dark renderer capture