ant-design/components/tabs/demo/icon.md

---
order: 2
title: 图标
---

有图标的标签。

````jsx
import { Tabs, Icon } from 'antd';
const TabPane = Tabs.TabPane;

ReactDOM.render(
  <Tabs defaultActiveKey="2">
    <TabPane tab={<span><Icon type="apple" />选项卡一</span>} key="1">
      选项卡一
    </TabPane>
    <TabPane tab={<span><Icon type="android" />选项卡二</span>} key="2">
      选项卡二
    </TabPane>
  </Tabs>
, mountNode);
````
docs: update demo format 9 years ago			`---`
			`order: 2`
			`title: 图标`
			`---`
添加带有 icon 的样式 10 years ago
update tabs demos 10 years ago			`有图标的标签。`
添加带有 icon 的样式 10 years ago
			````jsx
ES6 syntax for demo code fix antd.notification 9 years ago			`import { Tabs, Icon } from 'antd';`
			`const TabPane = Tabs.TabPane;`
添加带有 icon 的样式 10 years ago
beta2 9 years ago			`ReactDOM.render(`
update tabs style 9 years ago			`<Tabs defaultActiveKey="2">`
update tabs demo 9 years ago			`<TabPane tab={<span><Icon type="apple" />选项卡一</span>} key="1">`
			`选项卡一`
			`</TabPane>`
			`<TabPane tab={<span><Icon type="android" />选项卡二</span>} key="2">`
			`选项卡二`
			`</TabPane>`
rename tab to tabs 10 years ago			`</Tabs>`
use mountNode replace the long getElementById 9 years ago			`, mountNode);`
添加带有 icon 的样式 10 years ago			````