@elemental-ui-alpha/container

container

This is the container component.

import { Container } from '@elemental-ui-alpha/container';

Width

Provide a maximum width in pixels. The default is 760.

<Container width={300}>
  <Box background="shade" padding="small">
    300px Wide
  </Box>
</Container>

Gutter

Provide a "gutter" to the container. This is the spacing around the container to prevent the content from from running into the chrome around it.

<Container width={300} gutter="xlarge">
  <Box background="shade" padding="small">
    medium gutter
  </Box>
</Container>