Ant Design Blazor
PageHeader
A header with common actions and design elements built in.
When To Use
PageHeader can be used to highlight the page topic, display important information about the page, and carry the action items related to the current page (including page-level operations, inter-page navigation, etc.) It can also be used as inter-page navigation.
Examples
Standard header, suitable for use in scenarios that require a brief description.
The default PageHeader is a transparent background. In some cases, PageHeader needs its own background color.
With breadcrumbs, it is suitable for deeper pages, allowing users to navigate quickly.
Used all the capabilities provided by PageHeader.
Use the operating area and customize the sub-nodes, suitable for use in the need to display some complex information to help users quickly understand the information and operations of this page.
Under different screen sizes, there should be different performance
PageHeader API#
| Property | Description | Type | Default Value |
|---|---|---|---|
| Ghost | ParameterMake background transparent | Boolean | false |
| BackIcon | ParameterIcon for back button | OneOf<Boolean?, String> | -- |
| BackIconTemplate | ParameterBack button RenderFragment | RenderFragment | -- |
| Title | ParameterTitle | String | -- |
| TitleTemplate | ParameterTitle | RenderFragment | -- |
| Subtitle | ParameterSub Title | String | -- |
| SubtitleTemplate | ParameterSub Title | RenderFragment | -- |
| OnBack | ParameterCallback when clicking back | EventCallback | -- |
| PageHeaderContent | ParameterContent section | RenderFragment | -- |
| PageHeaderFooter | ParameterFooter section | RenderFragment | -- |
| PageHeaderBreadcrumb | ParameterBreadcrumb section | RenderFragment | -- |
| PageHeaderAvatar | ParameterAvatar section | RenderFragment | -- |
| PageHeaderTitle | ParameterTitle sectionUse TitleTemplate instead Obsolete Will be removed in a future version. |
RenderFragment | -- |
| PageHeaderSubtitle | ParameterSub title sectionUse SubtitleTemplate instead Obsolete Will be removed in a future version. |
RenderFragment | -- |
| PageHeaderTags | ParameterTags section after title | RenderFragment | -- |
| PageHeaderExtra | ParameterOperating area, at the end of the line of the title line | RenderFragment | -- |
| Id | ParameterID for the component's HTML | String | Uniquely Generated ID |
| Class | ParameterSpecifies one or more class names for an DOM element. | String | -- |
| Style | ParameterSpecifies an inline style for a DOM element. | String | -- |
| RefBack | ParameterA ForwardRef instance. You can get a reference to the internal DOM by using AntDesign.ForwardRef.Current. |
ForwardRef | -- |