mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-29 05:29:37 +08:00
1.7 KiB
1.7 KiB
| category | type | title | cols | subtitle | cover |
|---|---|---|---|---|---|
| Components | Navigation | PageHeader | 1 | https://gw.alipayobjects.com/zos/alicdn/6bKE0Cq0R/PageHeader.svg |
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.
API
| Param | Description | Type | Default value | Version |
|---|---|---|---|---|
| avatar | Avatar next to the title bar | AvatarProps | - | |
| backIcon | Custom back icon, if false the back icon will not be displayed | ReactNode | boolean | <ArrowLeft /> | |
| breadcrumb | Breadcrumb configuration | Breadcrumb | - | |
| breadcrumbRender | Customize the content of the breadcrumb area | (props, originBreadcrumb)=> ReactNode |
- | 4.11.0 |
| extra | Operating area, at the end of the line of the title line | ReactNode | - | |
| footer | PageHeader's footer, generally used to render TabBar | ReactNode | - | |
| ghost | PageHeader type, will change background color | boolean | true | |
| subTitle | Custom subtitle text | ReactNode | - | |
| tags | Tag list next to title | Tag[] | Tag | - | |
| title | Custom title text | ReactNode | - | |
| onBack | Back icon click event | () => void | - |