Box

A fundamental layout building block.

Usage

<Box className="w-20 h-20">
  <DecorativeBox />
</Box>

This component is based on the div element and supports common margin props.

Only the display prop values are unique to the Box component.

Prop	Type
display	`none` \| `inline` \| `inline-block` \| `block`

The props are shared between Box, Flex, Grid, Container and Section layout components.