ContentSection
Section wrapper with a heading band (Title, Description, Actions) and a body slot
SSR mode
Examples
Title and description
Members
People with access to this project.
With Actions slot
API keys
Active credentials for this environment.
With body content
Overview
Key metrics for this billing period.
Body content goes here.
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| ContentSection | A section wrapper that pairs a heading band (Title, Description, optional Actions slot) with an optional body. The heading row is built from <h2> to sit below a PageHeader <h1> in document hierarchy. Top border and vertical padding are toggled independently via wrapper-styling flags. Wrapper-styling. |
ContentSection
A section wrapper that pairs a heading band (Title, Description, optional Actions slot) with an optional body. The heading row is built from <h2> to sit below a PageHeader <h1> in document hierarchy. Top border and vertical padding are toggled independently via wrapper-styling flags. Wrapper-styling.
| Property | Type | Required | Description |
|---|---|---|---|
| Title | string | Section title. Rendered as <h2> in text-lg font-semibold. | |
| Description | string? | Sub-title text in muted foreground. | |
| Actions | RenderFragment? | Right-aligned action slot (e.g. buttons, menus). | |
| ChildContent | RenderFragment? | Body content rendered below the heading row with mt-4 spacing. | |
| Borders | bool | Toggles border-t border-border above the section. Default: true. | |
| Gutters | bool | Toggles pt-6 pb-6 on the section wrapper. Default: true. | |
| HeaderAlignment | Alignment | Flex items-* on the heading row. Default: Alignment.Start. |