---
title: Container React component
components: Container
---

# Container(コンテナ)

<p class="description">コンテナはコンテンツを水平方向に中央揃えにします。 それが最も基本的なレイアウト要素です。</p>

コンテナは入れ子にすることができますが、ほとんどのレイアウトは入れ子になったコンテナを必要としません。

## 可変

可変コンテナの幅は、その `maxWidth` プロパティ値によって制限されます。

```jsx
<Container maxWidth="sm">
```

{{"demo": "pages/layout/container/SimpleContainer.js", "iframe": true}}

## Fixed

完全に流動的なビューポートに対応するのではなく、固定サイズのセット用に設計したい場合は、 `fixed` プロパティを設定できます。 最大幅は、現在のブレークポイントの最小幅と一致します。

```jsx
<Container fixed>
```

{{"demo": "pages/layout/container/SimpleContainer.js", "iframe": true}}