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' | 类型 |