Examples
The minimal header: a title and a short line underneath.
Orders
Every order placed in the last 30 days
Icon leads the title; Actions holds right-aligned buttons.
Team
48 members across 6 projects
HeadingLevel (1 to 6, default 4) sets both the element and its size.
Projects
HeadingLevel="2": a page's main heading
Upcoming deployments
HeadingLevel="5": a header for a section further down
SubtitleColor overrides the muted default (Surface); Dark gives full contrast. On narrow screens the actions wrap below the title.
Billing
3 invoices are overdue
Usage
Full-contrast subtitle for dense dashboards
Playground
Projects
Every project in your workspace
<PageHeader
Title="Projects"
Subtitle="Every project in your workspace"
Icon="folder"
HeadingLevel="3" />API
<PageHeader>
DaisyBlazor.LayoutPage-level header row: title + optional subtitle on the left, optional action slot on the right.
Parameters
- HeadingLevel int= 1
Heading level (1-6) of the title element. Defaults to 1: a page header is the page's main heading. It only picks the element; the size comes from TitleTypo.
- Icon string= null
Optional Material symbol ligature shown to the left of Title. When omitted the title renders exactly as before, so adding this parameter cannot shift an existing header.
- Subtitle string= null
Optional secondary line beneath the title.
- SubtitleClass string= null
Extra CSS classes on the subtitle line.
- SubtitleColor Color= Color.Surface
Colour of Subtitle. Defaults to Surface (muted base content); use Dark for full contrast or Inherit to follow the parent.
- Title string= required
Main page title: an h1 by default (see HeadingLevel), styled by TitleTypo.
- TitleClass string= null
Extra CSS classes on the title heading (e.g. a display face, size or leading).
- TitleTypo Typo= Typo.h4
Text style of the title, whatever its HeadingLevel. Defaults to h4, the size page headers always had.
- Class string= null
Optional CSS class forwarded to the root container.
- Style string= null
Optional inline style forwarded to the root container.
Content
- Actions RenderFragment
Optional right-aligned content (typically action buttons).