vuecssuiant-designantdreactantantd-vueenterprisefrontendui-designvue-antdvue-antd-uivue3vuecomponent
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.4 KiB
1.4 KiB
| category | type | title | cols | subtitle | cover |
|---|---|---|---|---|---|
| Components | Navigation | PageHeader | 1 | <nil> | 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 |
|---|---|---|---|
| avatar | Avatar next to the title bar | avatar props | - |
| backIcon | custom back icon, if false the back icon will not be displayed | string|slot | <ArrowLeft /> |
| breadcrumb | Breadcrumb configuration | breadcrumb | - |
| extra | Operating area, at the end of the line of the title line | string|slot | - |
| footer | PageHeader's footer, generally used to render TabBar | string|slot | - |
| ghost | PageHeader type, will change background color | boolean | true |
| subTitle | custom subTitle text | string|slot | - |
| tags | Tag list next to title | Tag[] | Tag | - |
| title | custom title text | string|slot | - |
Events
| Events Name | Description | Arguments |
|---|---|---|
| back | back icon click event | function(e) |