提交 1316b07c 编写于 作者: Y yiminghe

rename tab to tabs

上级 48948664
......@@ -7,16 +7,16 @@
---
````jsx
var Tab = antd.Tab;
var TabPane = Tab.TabPane;
var Tabs = antd.Tabs;
var TabPane = Tabs.TabPane;
function callback() {}
React.render(
<Tab defaultActiveKey="2" onChange={callback}>
<Tabs defaultActiveKey="2" onChange={callback}>
<TabPane tab="tab 1" key="1">选项卡一</TabPane>
<TabPane tab="tab 2" key="2">选项卡二</TabPane>
<TabPane tab="tab 3" key="3">选项卡三</TabPane>
</Tab>
, document.getElementById('components-tab-demo-basic'));
</Tabs>
, document.getElementById('components-tabs-demo-basic'));
````
......@@ -7,16 +7,16 @@
---
````jsx
var Tab = antd.Tab;
var TabPane = Tab.TabPane;
var Tabs = antd.Tabs;
var TabPane = Tabs.TabPane;
function callback() {}
React.render(
<Tab defaultActiveKey="1" onChange={callback}>
<Tabs defaultActiveKey="1" onChange={callback}>
<TabPane tab="tab 1" key="1">选项卡一</TabPane>
<TabPane tab="tab 2" disabled={true} key="2">选项卡二</TabPane>
<TabPane tab="tab 3" key="3">选项卡三</TabPane>
</Tab>
, document.getElementById('components-tab-demo-disabled'));
</Tabs>
, document.getElementById('components-tabs-demo-disabled'));
````
......@@ -7,8 +7,8 @@
---
````jsx
var Tab = antd.Tab;
var TabPane = Tab.TabPane;
var Tabs = antd.Tabs;
var TabPane = Tabs.TabPane;
function callback() {}
......@@ -19,10 +19,10 @@ var tabContent = [
]
React.render(
<Tab defaultActiveKey="2" onChange={callback}>
<Tabs defaultActiveKey="2" onChange={callback}>
<TabPane tab={tabContent[0]} key="1">选项卡一</TabPane>
<TabPane tab={tabContent[1]} key="2">选项卡一</TabPane>
<TabPane tab={tabContent[2]} key="3">选项卡一</TabPane>
</Tab>
, document.getElementById('components-tab-demo-icon'));
</Tabs>
, document.getElementById('components-tabs-demo-icon'));
````
......@@ -7,19 +7,19 @@
---
````jsx
var Tab = antd.Tab;
var TabPane = Tab.TabPane;
var Tabs = antd.Tabs;
var TabPane = Tabs.TabPane;
function callback() {}
React.render(
<Tab defaultActiveKey="1" onChange={callback}>
<Tabs defaultActiveKey="1" onChange={callback}>
<TabPane tab="tab 1" key="1">选项卡一</TabPane>
<TabPane tab="tab 2" key="2">选项卡二</TabPane>
<TabPane tab="tab 3" key="3">选项卡三</TabPane>
<TabPane tab="tab 4" key="4">选项卡四</TabPane>
<TabPane tab="tab 5" key="5">选项卡五</TabPane>
<TabPane tab="tab 6" key="6">选项卡六</TabPane>
</Tab>
, document.getElementById('components-tab-demo-slide'));
</Tabs>
, document.getElementById('components-tabs-demo-slide'));
````
'use strict';
var Tab = require('rc-tabs');
var Tabs = require('rc-tabs');
var React = require('react');
class AntTabs extends React.Component {
render() {
return <Tab {...this.props}/>;
return <Tabs {...this.props}/>;
}
}
......@@ -13,6 +13,6 @@ AntTabs.defaultProps = {
prefixCls: 'ant-tab'
};
AntTabs.TabPane = Tab.TabPane;
AntTabs.TabPane = Tabs.TabPane;
module.exports = AntTabs;
# Tab
# Tabs
- category: Components
- chinese: 标签页
......@@ -15,7 +15,7 @@
## API
### Tab
### Tabs
| 参数 | 说明 | 类型 | 默认值 |
|------------------|----------------------------------------------|----------|---------------------------------|
......@@ -26,7 +26,7 @@
| onTabClick | tab 被点击的回调 | Function | 无 |
### Tab.TabPane
### Tabs.TabPane
| 参数 | 说明 | 类型 | 默认值 |
|------|------------------|-------------------------|--------|
......
......@@ -3,7 +3,7 @@ require('./style/index.less');
var antd = {
Datepicker: require('./components/datepicker'),
Tooltip: require('./components/tooltip'),
Tab: require('./components/tab'),
Tabs: require('./components/tabs'),
Modal: require('./components/modal'),
Menu: require('rc-menu'),
Dropdown: require('./components/dropdown'),
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册