1. Primitives
  2. Container

<Container />

The Container component wraps content layout in a defined set of widths.
<Container width={0}>
<Card padding={4}>
<Text size={[2, 2, 3, 4]}>Contained text</Text>
</Card>
</Container>

Properties  

as?: React.ElementType | keyof JSX.IntrinsicElements
display?: 'none' | 'block' | 'grid' | 'flex' | 'inline-block' | Array<'none' | 'block' | 'grid' | 'flex' | 'inline-block'>
height?: 'stretch' | 'fill' | Array<'stretch' | 'fill'>
overflow?: 'visible' | 'hidden' | 'auto' | Array<'visible' | 'hidden' | 'auto'>
sizing?: 'content' | 'border'
width?: number | number[]
Made withby folks at