A Box component is a container for content that exposes props for space, positioning, size and more.
<Box>
  <Text variant="md">
    A Box component is a container for content that exposes props for space,
    positioning, size and more.
  </Text>
</Box>
The prop my is shorthand for "margin-top" and "margin-bottom"
<Box my={2}>
  <Text variant="md">
    The prop my is shorthand for "margin-top" and "margin-bottom"
  </Text>
</Box>
The prop p is shorthand for "padding"
A lot of padding
<Text variant="md">
  <Box p={2}>The prop p is shorthand for "padding"</Box>
  <Box p={6}>A lot of padding</Box>
</Text>