Container
Max-width content centerer — constrains and horizontally centres a content column
SSR mode
Examples
Default (Lg)
Content constrained to Lg (max-w-lg)
Extra small (Xs)
Content constrained to Xs (max-w-xs)
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| Container | A single <div> that centres its content with mx-auto and caps its width via SizeClasses.MaxWidth. Use to keep prose and form content readable on wide viewports. No wrapper-styling parameters — Container has no toggleable border, background, or gutter behaviour; MaxWidth is the sole API surface. |
Container
A single <div> that centres its content with mx-auto and caps its width via SizeClasses.MaxWidth. Use to keep prose and form content readable on wide viewports. No wrapper-styling parameters — Container has no toggleable border, background, or gutter behaviour; MaxWidth is the sole API surface.
| Property | Type | Required | Description |
|---|---|---|---|
| ChildContent | RenderFragment? | The content to constrain and centre. | |
| ClassName | string? | Extra CSS classes appended to the title container. | |
| MaxWidth | Size | Maximum width cap. Default: Size.Lg (max-w-lg). Other values: Xs3, Xs2, Xs, Sm, Md, Xl, Xl2–Xl8, Full. Mapped through SizeClasses.MaxWidth. |