Docs

Back to component list

Boxes

Creates a 48 column grid layout.

NameDefault
columns
number

Boxes Grid

Wrap all boxes in a <Boxes/> tag to enable a 48 column grid.

Check the component for more details.

Example

<Boxes>
  <Box backgroundColor="tomato" />
  <Box backgroundColor="#BADA55" />
  <Box width="8" height="4" colorSet="red" />
  <Box height="4" colorSet="green" />
  <Box width="8" height="12" colorSet="blue" />
</Boxes>


Back to component list