ant-design/components/tabs/demo/vertical-left.md

# 垂直

- order: 6

选项卡在左边。

---

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

ReactDOM.render(
  <Tabs defaultActiveKey="1" tabPosition="left">
    <TabPane tab="选项卡一" key="1">选项卡一内容</TabPane>
    <TabPane tab="选项卡二" key="2">选项卡二内容</TabPane>
    <TabPane tab="选项卡三长" key="3">选项卡三内容</TabPane>
  </Tabs>
, document.getElementById('components-tabs-demo-vertical-left'));
````
Hide unfinish demo 2015-10-22 23:54:56 +08:00			`# 垂直`

			`- order: 6`

			`选项卡在左边。`

			`---`

			````jsx
ES6 syntax for demo code fix antd.notification 2015-10-28 20:55:49 +08:00			`import { Tabs } from 'antd';`
			`const TabPane = Tabs.TabPane;`
Hide unfinish demo 2015-10-22 23:54:56 +08:00
			`ReactDOM.render(`
			`<Tabs defaultActiveKey="1" tabPosition="left">`
			`<TabPane tab="选项卡一" key="1">选项卡一内容</TabPane>`
			`<TabPane tab="选项卡二" key="2">选项卡二内容</TabPane>`
			`<TabPane tab="选项卡三长" key="3">选项卡三内容</TabPane>`
			`</Tabs>`
			`, document.getElementById('components-tabs-demo-vertical-left'));`
			````