Component
ContentContainer
Scrollable page body. Fills the remaining height, scrolls vertically, and centers content to a comfortable reading width unless told otherwise.
Profile
Content scrolls inside this region while the surrounding chrome stays put. Centered to
max-w-lg by default.
jsx
<ContentContainer>
<SectionLabel>Profile</SectionLabel>
<p>Page content goes here…</p>
</ContentContainer>Props
| Prop | Type | Default | Description |
|---|---|---|---|
children
|
ReactNode | — | Page content. |
full
|
boolean | false | Use full width instead of the centered max-width column. |
noMargins
|
boolean | false | Remove the default padding. |