OsirionPageHeading
OsirionPageHeading renders the title of a page as its h1, with an optional sentence below it, in the same readable width as the
page body. Use it for pages that have no hero, such as a privacy policy.
Package Osirion.Blazor.Core, namespace Osirion.Blazor.Components. Source on GitHub.
This page has no live demo. The component always renders an h1, and a copy on this page would give it a second one.
Usage
@using Osirion.Blazor.Components
<OsirionPageHeading Title="Privacy policy" Description="What this site stores and why." />
Content after the description, such as a date:
<OsirionPageHeading Title="Release notes" Description="What changed in each version.">
<p>Updated 17 October 2026</p>
</OsirionPageHeading>
Parameters
| Parameter | Type | Default | Description |
|---|---|---|---|
Title |
string |
"" |
The page title, rendered as the page's h1. Required. |
Description |
string? |
null |
The sentence under the title; nothing is rendered when it is empty. |
ChildContent |
RenderFragment? |
null |
Extra content after the description, for example badges or a date. |
Theme |
ThemeMode |
ThemeMode.System |
The component's color mode. Light or Dark writes it to data-theme (data-bs-theme under Bootstrap) on the root element; System writes nothing. |
Class |
string? |
null |
Extra CSS classes for the component's root element. |
Style |
string? |
null |
An inline style for the component's root element. |
Unmatched attributes are written to the header.
Behavior
- The component renders a
headerwith theh1and, whenDescriptionis set, a paragraph. It needs no script. - A page made of base sections has only
h2headings, so it needs a heading like this one for itsh1. - The CMS pages
AboutPageandContactPagerender it whenShowHerois off. TitleandDescriptionare HTML-encoded.
Styling
The header has osirion-page-heading and is centered with a maximum width of --osirion-container-lg (default 960px). Inside are
osirion-page-heading-title and osirion-page-heading-description, which is at most 65ch wide. Colors come from
--osirion-text-primary and --osirion-text-secondary.