@arco-design/web-react
Version:
Arco Design React UI Library.
45 lines (44 loc) • 1.24 kB
TypeScript
import { CSSProperties, ReactNode } from 'react';
import { BreadcrumbProps } from '../Breadcrumb';
/**
* @title PageHeader
*/
export interface PageHeaderProps {
className?: string | string[];
style?: CSSProperties;
/**
* @zh 主标题
* @en The title element
*/
title?: ReactNode;
/**
* @zh 次级标题
* @en The subtitle element
*/
subTitle?: ReactNode;
/**
* @zh 面包屑,接受面包屑的所有属性, [BreadcrumbProps](/react/components/breadcrumb)
* @en The props of [Breadcrumb](/react/components/breadcrumb) component
*/
breadcrumb?: BreadcrumbProps;
/**
* @zh 返回图标,设置为 `false` 时会隐藏图标
* @en Customize back icon, if false The back icon will not be displayed
*/
backIcon?: ReactNode | boolean;
/**
* @zh 展示额外内容
* @en Customize the extra content. The extra element will be rendered to the end of the title line
*/
extra?: ReactNode;
/**
* @zh 底部内容
* @en The footer element
*/
footer?: ReactNode;
/**
* @zh 点击返回图标的回调
* @en Callback when click the back icon
*/
onBack?: (e: MouseEvent) => void;
}