Container
Centers content and caps its width. Use one per page section, not one per page.
Sizes
Medium (48rem max)
Large (72rem max)
<Container size="md">Medium (48rem max)</Container>
<Container size="lg">Large (72rem max)</Container>Props
| Prop | Type | Default | Description |
|---|---|---|---|
size | md | lg | full | lg | Max width cap. |
Theming
:root {
--ink-container-md: 48rem;
--ink-container-lg: 72rem;
}Accessibility
- Pure layout, no semantics: content inside stays as-is.
- Padding never removes content below 375px.