Function: Container()

Container(__namedParameters): Element

Defined in: components/Container/Container.tsx:89

The page-shell primitive — a centered, width-capped, gutter-padded column.

Entity = Structure. Wrap a page (or a major region) in a Container to give it the product's standard content width and edge padding without hand-rolling max-width + margin: auto. Pick size="reading" for long-form article columns, size="card" for a standalone centered card (an auth form, a confirmation page), and size="surface" for app/page shells. Place Stack, Grid, and Surface inside it.

Parameters

Parameter	Type
__namedParameters	ContainerProps

Returns

Element

Example

<Container size="surface">
  <Stack gap="xl">
    <Heading level={1}>Dashboard</Heading>
    <Grid columns={3} gap="lg">…</Grid>
  </Stack>
</Container>