ant-design/components/page-header/demo/breadcrumb.md
陈帅 e737e50207
feat: 🔥 new pageheader style (#18128)
* new pageheader style

* support avatar

* update demo

* snapshots updated

* fix lint

* change style

* add new style

* fix style

* update demo

* update demo

* fix test

* snapshots updated

* update doc

* remove extraContent

* Bread crumbs and back icon can only have one

* back icon will automatically disappear when configuring breadcrumbs

* update snapshot

* Improve the priority of backicon

* change doc

* change doc

* change doc

* update snapshot
2019-08-25 15:38:51 +08:00

670 B

order title
2
zh-CN en-US
带面包屑页头 Use with breadcrumbs

zh-CN

带面包屑页头,适合层级比较深的页面,让用户可以快速导航。

en-US

With breadcrumbs, it is suitable for deeper pages, allowing users to navigate quickly.

import { PageHeader } from 'antd';

const routes = [
  {
    path: 'index',
    breadcrumbName: 'First-level Menu',
  },
  {
    path: 'first',
    breadcrumbName: 'Second-level Menu',
  },
  {
    path: 'second',
    breadcrumbName: 'Third-level Menu',
  },
];

ReactDOM.render(
  <PageHeader title="Title" breadcrumb={{ routes }} subTitle="This is a subtitle" />,
  mountNode,
);