PageContent
Vertical stack of sections with a consistent gap
SSR mode
Examples
Three stacked sections (default Lg gap)
Members
People with access to this project.
API keys
Active credentials for this environment.
Danger zone
Irreversible actions — proceed with caution.
Compact gap (Sm)
Section A
Section B
Section C
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| PageContent | A vertical flex-col container for stacking page sections with a consistent gap-*. Pair with ContentSection children for the canonical settings-page layout. No wrapper-styling parameters — PageContent is a layout helper with no toggleable border, background, or padding; spacing is controlled entirely by Gap. |
PageContent
A vertical flex-col container for stacking page sections with a consistent gap-*. Pair with ContentSection children for the canonical settings-page layout. No wrapper-styling parameters — PageContent is a layout helper with no toggleable border, background, or padding; spacing is controlled entirely by Gap.
| Property | Type | Required | Description |
|---|---|---|---|
| ChildContent | RenderFragment? | Sections or other block content to stack vertically. | |
| Gap | Size | Inter-section gap. Default: Size.Lg (gap-6). Mapped through SizeClasses.Gap. |