---
path: "/container/props"
component: "container"
type: "molecule"
date: "2017-07-12T17:12:33.962Z"
title: "Container"
---

The `<Container />` component is used to align the app body at the center of screen.
If you'd like to add padding or margin, please use `<Box />` inside it.

If there is no maxWidth prop, theme.maxContainerWidth - 1260px will be used as default

| Prop | Description | Type | Default |
| ------ | ----------- | ---- | ------- |
| maxWidth | Sets the max-width of the container | number / string / array | theme.maxContainerWidth |