Component for creating flex layouts.
<Flex gap="3">
<Box width="9" height="9">
<DecorativeBox />
</Box>
<Box width="9" height="9">
<DecorativeBox />
</Box>
<Box width="9" height="9">
<DecorativeBox />
</Box>
<Box width="9" height="9">
<DecorativeBox />
</Box>
<Box width="9" height="9">
<DecorativeBox />
</Box>
</Flex>
This component is based on the div element and supports common margin props.
Use these props to create flex layouts.
The following props are shared between Box, Flex, Grid, Container and Section layout components.