mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-16 01:41:02 +08:00
d44f404eae
* chore: improve sort api table scripts * sort api * add ignore * Revert "sort api" This reverts commit 343505d5f09d69349ce1fbdaea2a9faa7e852207. * sort api * Update package.json * sort api * Delete sort-api.js * sort api * sort api * sort api * fix * Update index.zh-CN.md * fix input-number * fix input-number * sort func * fix * Method moved to the end * carousel method
1.6 KiB
1.6 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 | - | |
| 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 | - |