ant-design/components/tabs/demo/icon.md
2018-06-27 16:09:58 +08:00

463 B

order title
2
zh-CN en-US
图标 Icon

zh-CN

有图标的标签。

en-US

The Tab with Icon.

import { Tabs, Icon } from 'antd';

const TabPane = Tabs.TabPane;

ReactDOM.render(
  <Tabs defaultActiveKey="2">
    <TabPane tab={<span><Icon type="apple" />Tab 1</span>} key="1">
      Tab 1
    </TabPane>
    <TabPane tab={<span><Icon type="android" />Tab 2</span>} key="2">
      Tab 2
    </TabPane>
  </Tabs>,
  mountNode);