mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-02 15:59:38 +08:00
e737e50207
* new pageheader style * support avatar * update demo * snapshots updated * fix lint * change style * add new style * fix style * update demo * update demo * fix test * snapshots updated * update doc * remove extraContent * Bread crumbs and back icon can only have one * back icon will automatically disappear when configuring breadcrumbs * update snapshot * Improve the priority of backicon * change doc * change doc * change doc * update snapshot
1.5 KiB
1.5 KiB
| category | type | title | cols | subtitle |
|---|---|---|---|---|
| Components | Navigation | PageHeader | 1 |
The header can be used to declare the page topic, display important information about the page that the user is interested in, and carry the action items related to the current page (including page-level operations, inter-page navigation, etc.)
When To Use
It can also be used as inter-page navigation when it is needed to make the user quickly understand what the current page is and to facilitate the user to use the page function.
API
| Param | Description | Type | Default value | Version |
|---|---|---|---|---|
| title | custom title text | ReactNode | - | 3.14.0 |
| subTitle | custom subTitle text | ReactNode | - | 3.14.0 |
| avatar | Avatar next to the title bar | avatar props | - | 3.22.0 |
| backIcon | custom back icon, if false the back icon will not be displayed | ReactNode | <Icon type="arrow-left" /> |
3.14.0 |
| tags | Tag list next to title | Tag[] | Tag | - | 3.14.0 |
| extra | Operating area, at the end of the line of the title line | ReactNode | - | 3.14.0 |
| breadcrumb | breadcrumb config | breadcrumb | - | 3.14.0 |
| footer | PageHeader's footer, generally used to render TabBar | ReactNode | - | 3.14.0 |
| onBack | back icon click event | ()=>void |
()=>history.back() |
3.14.0 |
breadcrumbs will automatically disappear when configuring back icon.