Container
Container standardizes readable page widths and horizontal safety gutters without imposing business layout or content behavior.
Preview
Content width
Wide width
Capabilities
- Offers content, default, wide, and full width modes.
- Applies the shared page maximum widths and responsive gutters.
- Supports a semantic wrapper element through the as property.
Limitations
- Does not define a business-specific grid or page structure.
- Does not add landmarks, headings, or content semantics automatically.
Accessibility
Callers can select a semantic wrapper with as and remain responsible for choosing landmarks and heading structure that fit the page.
- Server compatible
- Yes
- Source path
components/ui/container.tsx