at-page-header
简介
页面标题头部
使用示例
import PageHeader from '@txdfe/at-page-header';
const Demo = () => {
const prefix = 'page-header-demo';
const extra = <span>新建</span>;
return (
<div className={prefix}>
<PageHeader
breadcrumb={[{ text: '页面标题' }, { text: '页面标题' }]}
extra={extra}
/>
</div>
);
}
ReactDOM.render(<Demo />, mountNode);
API
参数 | 类型 | 可选值 | 默认值 | 说明 |
---|---|---|---|---|
breadcrumb | Array | 可选 | [{ text: '' }] | 标题,仅支持2级面包屑 |
notice | JSXElement | 可选 | null | Notice |
children | JSXElement | 可选 | null | |
extra | JSXElement | 可选 | null | 右侧内容 |
type | string | 'header' 或者 'footer' | 'header' | 类型 |