Container

Centered, max-width layout component

import { Container } from 'theme-ui'

<Container p={4} bg="muted">
  Centered container
</Container>
<Container p={4} bg="muted">
  Centered container
</Container>

The Container component's max-width can be defined in theme.sizes.container.

Variants

Container variants can be defined in the theme.layout object. The Container component uses theme.layout.container as its default variant style.