DetailPage
Record detail layout: PageHeader at top, two-column main + aside, optional footer.
SSR mode
Examples
Record detail with KvList, aside panel, and footer actions
Alice Martin
User account details.
- alice@example.com
- Role
- Administrator
- Created
- 12 Jan 2025
- Status
- Active
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| DetailPage | Record detail layout. Renders a PageHeader at the top, then a responsive two-column row (Main full-width + optional Aside sidebar at lg:w-72), and an optional Footer separated by a top border. On narrow viewports the columns stack vertically. |
DetailPage
Record detail layout. Renders a PageHeader at the top, then a responsive two-column row (Main full-width + optional Aside sidebar at lg:w-72), and an optional Footer separated by a top border. On narrow viewports the columns stack vertically.
| Property | Type | Required | Description |
|---|---|---|---|
| Title | string | Record title forwarded to the inner PageHeader. | |
| Description | string? | Sub-title forwarded to the inner PageHeader. | |
| Main | RenderFragment? | Primary content column (flex-1 min-w-0). | |
| Aside | RenderFragment? | Optional sidebar (lg:w-72 shrink-0). Hidden when null. | |
| Footer | RenderFragment? | Optional footer area separated by a top border. Hidden when null. |