Ant Design Blazor
PageHeader
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 | -- |