Container

The reading width, centred, with the responsive gutters.

max-width md
<Container size="xl">…</Container>

The sizes are exported as containerSizeOptions if you need to iterate them.

API

PropTypeDefault
size"full" | "lg" | "md" | "sm" | "xl"Maximum content width. full removes the cap and leaves only the page gutters.
renderComponentRenderFn<HTMLProps, {}> | ReactElement<unknown, string | JSXElementConstructor<any>>Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a ReactElement or a function that returns the element to render.

Plus every <div> prop. Source: landing/components/container.tsx.