ant-design/components/page-header/demo/breadcrumb.md
陈帅 dee8f93fe7
New Component PageHeader (#13637)
* add api dock

* add a simple demo

* add content demos

* fix style warning

* Replace content with children

* add all demo

* add demo test

* add backNode props

* Adjust the divider style

* fix icon do no show

* fix test ci

* fix md code style

* remove fragment use

* add test script

* Missing newline character at end of file

* optimize the demo display

* text becomes longer

* text becomes longer

* fix css code style

* fix test snapshot

* fix css code style

* fix codereivew waring

* fix codereivew waring

* update snapshots

* use ant-page-header-have-footer

* use englist

* fix typo

* updated snapshot

* line-height set to 100%

* remove subtitle

* Specification less

* fix less style error

* Sort by alphabet

* Rebuild code

* use english

* number use Statistic

* snapshot updated

* rm onBack in breadcrumb

* remove unuse return

* add a click wave

* remove unuse css

* add icon hover

* newline character

* new description

* warm descriptive text

* add dot

* remove async

* feat: use Typography.Paragraph

* test: snapshots updated

* style: fix  style lint

* import typography style
2019-03-02 15:51:08 +08:00

43 lines
650 B
Markdown

---
order: 2
title:
zh-CN: 带面包屑页头
en-US: Use with breadcrumbs
---
## zh-CN
带面包屑页头,适合层级比较深的页面,让用户可以快速导航。
## en-US
With breadcrumbs, it is suitable for deeper pages, allowing users to navigate quickly.
```jsx
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 }}
/>,
mountNode
);
```