Layout · Container

Container

Max-width content container. Caps content at the --container-width-{'{size}'} token and centers it.

Live example

{#each sizes as s (s)} {s} {/each}

Container content (size: {size}).

Prop	Default	Notes
`size`	'xl'	sm · md · lg · xl · xxl · full
`align`	'center'	left · center · right
`paddingX`	`var(--container-padding-inline)`	override per-instance
… plus every `BoxProps` prop

radix-themes Container — same surface; sizes map to fixed pixel widths via tokens.
chakra-ui Container — origin of the centered max-width pattern.