SectionHeader
Smaller heading band inside a section — Title, Description, Actions slot
SSR mode
Examples
Title + description
Members
People with access to this project.
With action
API keys
Active credentials for this environment.
Borderless
Tags
Loose grouping label.
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| SectionHeader | Smaller heading band inside a section. Use as the top of a ContentSection. Rendered as <h2> (smaller than PageHeader's <h1>) with optional description and right-aligned actions. Wrapper-styling. |
SectionHeader
Smaller heading band inside a section. Use as the top of a ContentSection. Rendered as <h2> (smaller than PageHeader's <h1>) with optional description and right-aligned actions. 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. | |
| Borders | bool | Toggles border-b border-border. Default: true. | |
| Gutters | bool | Toggles pb-3 and the actions inner-gap. Default: true. | |
| HeaderAlignment | Alignment | Flex items-* on the row. Default: Alignment.Start. |