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.7 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 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 -