Catalogue element

`bry-stack`

A row or column with a gap.

Settings

Setting	Takes	Needed
`direction`	`row`, `column`	no
`gap`	`1`, `2`, `3`, `4`, `5`, `6`, `7`, `8`	no
`align`	`start`, `center`, `end`, `stretch`	no
`justify`	`start`, `center`, `end`, `between`	no
`wrap`	`true` or `false`	no

Example

JSX

<bry-stack direction={"row"} gap={"2"} align={"center"}>
  <bry-badge text={"To do"} />
  <bry-badge text={"Doing"} tone={"brand"} />
  <bry-badge text={"Done"} tone={"success"} />
</bry-stack>

Renderer contact sheet

These paths will hold the checked light and dark captures.

bry-stack light renderer capture — Light