Container
Layout

Container.

Responsive max-width page container.

Real interactive component
Live demo
Content stays within a comfortable maximum width.

The preview uses the actual shared component, including your current theme, rounding, border and motion preferences.

Props & API reference

Parameters available in the shared component, including value types, requirements and accepted options.

3 props
ParameterTypeRequiredDefaultPossible valuesDescription
size"sm" | "md" | "lg" | "full"Nolgsm · md · lg · fullMaximum container width.
childrenReactNodeNo——Content inside the container.
classNamestringNo——Additional styling.