Section

<Box
	py="8"
	style={{ backgroundColor: "var(--gray-a2)", borderRadius: "var(--radius-3)" }}
>
	<DecorativeBox asChild>
		<Section size="2" />
	</DecorativeBox>
</Box>

API Reference

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 components. Read more about layout components in Layout.