Container

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

Basic Usage

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

css_class

str | Responsive | None

default:"None"

Additional Tailwind CSS classes. Use max-w-* to constrain width beyond the default responsive breakpoints.

Container

{
  "type": "Container",
  "children?": "[Component]",
  "let?": "object",
  "cssClass?": "string"
}

For the complete protocol schema, see Container.

⌘I