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

22 lines
482 B
Markdown
Raw Normal View History

2015-06-19 17:52:50 +08:00
# 迷你型
2015-06-19 17:26:24 +08:00
2015-10-21 19:58:54 +08:00
- order: 5
2015-06-19 17:26:24 +08:00
用在弹出框等较狭窄的容器内。
---
````jsx
import { Tabs } from 'antd';
const TabPane = Tabs.TabPane;
2015-06-19 17:26:24 +08:00
2015-10-20 16:47:55 +08:00
ReactDOM.render(
<Tabs defaultActiveKey="2" size="small">
2015-08-06 16:47:01 +08:00
<TabPane tab="选项卡一" key="1">选项卡一内容</TabPane>
<TabPane tab="选项卡二" key="2">选项卡二内容</TabPane>
<TabPane tab="选项卡三" key="3">选项卡三内容</TabPane>
2015-06-19 17:26:24 +08:00
</Tabs>
, document.getElementById('components-tabs-demo-size'));
````