Theme
Container
The page content centred at a token width, with the gutter at the edges.
Examples
Content no wider than layout.narrow (40rem)
Props
Container
Centres the page content at a token width, with the gutter at the viewport edges.
| Prop | Type | Default | Description |
|---|---|---|---|
as? | ElementType | "div" | |
width? | "page" | "narrow" | "wide" | "page" | The widest the content may grow. |
children | ReactNode | — |
Accessibility
- No interaction of its own: it is static content, so there is nothing to operate by keyboard.
- Built from logical properties (inline and block), so it mirrors in right-to-left text.