
<Box style={{ backgroundColor: 'var(--color-accent-2)' }}>
  <Section py="8">
    <Box width="100%" height="12" style={{ backgroundColor: 'var(--color-accent-4)' }} />
  </Section>
</Box>

API

Props

Prop	Type	Default	Required
`className`	`string`	-	-
`style`	`CSSProperties`	-	-
`children`	`ReactNode`	-	-
`space`	`SpaceValue`	`0`	-
`MarginProps`	`Token<MarginProps>`	-	-
`PaddingProps`	`Token<PaddingProps>`	-	-
`display`	`Responsive<DisplayValue>`	-	-
`LayoutProps`	`Token<LayoutProps>`	-	-

Layout

Split Pane