Container
Max-width centered content wrapper with responsive horizontal padding.
Basic Usage
Content automatically centered within a maximum width of 1200px.
Content centered within a max-width container
With Components
Container wrapping cards and layout components for consistent spacing.
DashboardOnline
Full-Width vs Contained
Compare full-width elements with contained elements for layout clarity.
Full-width (no container)
Inside Container (max-width: 1200px, centered)
Page Layout Pattern
Typical page layout with container wrapping a heading and content grid.
Product A
$29.99
Product B
$49.99
Product C
$19.99
Usage
Props
| Prop | Type | Description |
|---|---|---|
children | content | Content to center within a max-width of 1200px |