ant-design/components/breadcrumb/demo/withIcon.md

33 lines
535 B
Markdown
Raw Normal View History

2016-03-31 09:40:55 +08:00
---
order: 1
title:
zh-CN: 带有图标的
en-US: With an Icon
2016-03-31 09:40:55 +08:00
---
2015-07-01 21:24:04 +08:00
## zh-CN
2015-07-01 21:24:04 +08:00
图标放在文字前面。
## en-US
The icon should be placed in front of the text.
2019-05-07 14:57:32 +08:00
```jsx
import { Breadcrumb, Icon } from 'antd';
2015-07-01 21:24:04 +08:00
2015-10-20 16:47:55 +08:00
ReactDOM.render(
2015-07-01 21:24:04 +08:00
<Breadcrumb>
<Breadcrumb.Item href="">
2015-10-02 14:25:46 +08:00
<Icon type="home" />
2015-07-01 21:24:04 +08:00
</Breadcrumb.Item>
<Breadcrumb.Item href="">
2015-10-02 14:25:46 +08:00
<Icon type="user" />
<span>Application List</span>
2015-07-01 21:24:04 +08:00
</Breadcrumb.Item>
2019-05-07 14:57:32 +08:00
<Breadcrumb.Item>Application</Breadcrumb.Item>
2018-06-27 15:55:04 +08:00
</Breadcrumb>,
2019-05-07 14:57:32 +08:00
mountNode,
2018-11-28 15:00:03 +08:00
);
2019-05-07 14:57:32 +08:00
```