---
group: Utilities
---

[Box](/Box) with `display: flex`

```jsx live
<Flex gap={3}>
  <Box p={3} bg="bg.success">
    Box 1
  </Box>
  <Box p={3} bg="bg.warning">
    Box 2
  </Box>
</Flex>
```