Denotes a section of page content.
<Box
py="8"
style={{ backgroundColor: 'var(--gray-a2)', borderRadius: 'var(--radius-3)' }}
>
<DecorativeBox asChild size="2">
<Section />
</DecorativeBox>
</Box>
This component is based on the section element and supports common margin props.
The following props are shared between Box, Flex, Grid, Container and Section layout components.