Skip to main content
Container centers content with a responsive max-width and horizontal padding that scales with the viewport.

Basic Usage

Narrowing with css_class

Override the default max-width for narrower content areas like forms or prose.

API Reference

Container Parameters

css_class
str | Responsive | None
default:"None"
Additional Tailwind CSS classes. Use max-w-* to constrain width beyond the default responsive breakpoints.

Protocol Reference

Container
{
  "type": "Container",
  "children?": "[Component]",
  "let?": "object",
  "cssClass?": "string"
}
For the complete protocol schema, see Container.