Section

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

<Box py="8" style={{
    "background-color": "var(--gray-a2)",
    "border-radius": "var(--radius-3)"
  }}>
	<DecorativeBox asChild>{target => target(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.