Container

Native Solid 2 fork. Original documentation and designs © WorkOS; historical posts retain their original context.

<Box style={{
    "background": "var(--gray-a2)",
    "border-radius": "var(--radius-3)"
  }}>
	<Container size="1">
		<DecorativeBox>
			<Box py="9" />
		</DecorativeBox>
	</Container>
</Box>

API Reference

This component is based on the div element and supports common margin props.

Container sizes use the following max-width values, which may be customized if needed.

The following props are shared between Box, Flex, Grid, Container and Section components. Read more about layout components in Layout.