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

34 lines
550 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.
2017-01-19 15:19:03 +08:00
````__react
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>
<Breadcrumb.Item>
Application
2015-07-01 21:24:04 +08:00
</Breadcrumb.Item>
</Breadcrumb>
, mountNode);
2015-07-01 21:24:04 +08:00
````