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

650 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 }}
  />,
  mountNode
);