ant-design/components/tab/demo/basic.md

# 基本

- order: 0

最简单的用法

---

````jsx
var Tabs = antd.Tab;
var TabPane = Tabs.TabPane;

function callback() {}

React.render(
  <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>
  </Tabs>
, document.getElementById('components-tab-demo-basic'));
````
Basic demo 2015-06-09 15:28:51 +08:00			`# 基本`

			`- order: 0`

			`最简单的用法`

			`---`

			````jsx
Copy style. 2015-06-09 15:34:46 +08:00			`var Tabs = antd.Tab;`
Basic demo 2015-06-09 15:28:51 +08:00			`var TabPane = Tabs.TabPane;`

			`function callback() {}`

			`React.render(`
			`<Tabs defaultActiveKey="2" onChange={callback}>`
Basic usage 2015-06-09 16:47:47 +08:00			`<TabPane tab='tab 1' key="1"></TabPane>`
			`<TabPane tab='tab 2' key="2"></TabPane>`
			`<TabPane tab='tab 3' key="3"></TabPane>`
Basic demo 2015-06-09 15:28:51 +08:00			`</Tabs>`
			`, document.getElementById('components-tab-demo-basic'));`
			````