Container
A centered wrapper that constrains content to a maximum width. Essential for readable line lengths and consistent page layouts, especially for text-heavy content like articles or documentation.
The container at each breakpoint has a max-width.
| Size | Breakpoint | Max width |
|---|---|---|
| xs | 520px | 500px |
| sm | 768px | 740px |
| md | 1024px | 1000px |
| lg | 1280px | 1240px |
| xl | 1640px | 1600px |
Component props
| Name | Type | Description |
|---|---|---|
| isCentered | boolean | Centers the container horizontally (default: true) |
| isFluid | boolean | Makes the container full width with no max-width constraint |
Container also extends all Box props.