ant-design/components/carousel/demo/vertical.md

---
order: 1
title: 垂直
---

垂直显示。

````jsx
import { Carousel } from 'antd';

ReactDOM.render(
  <Carousel vertical="true">
    <div><h3>1</h3></div>
    <div><h3>2</h3></div>
    <div><h3>3</h3></div>
    <div><h3>4</h3></div>
  </Carousel>
, mountNode);
````
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
			`order: 1`
			`title: 垂直`
			`---`
add Carousel 2015-08-03 14:52:26 +08:00
			`垂直显示。`

			````jsx
ES6 syntax for demo code fix antd.notification 2015-10-28 20:55:49 +08:00			`import { Carousel } from 'antd';`
add Carousel 2015-08-03 14:52:26 +08:00
beta2 2015-10-20 16:47:55 +08:00			`ReactDOM.render(`
add Carousel 2015-08-03 14:52:26 +08:00			`<Carousel vertical="true">`
			`<div><h3>1</h3></div>`
			`<div><h3>2</h3></div>`
			`<div><h3>3</h3></div>`
			`<div><h3>4</h3></div>`
			`</Carousel>`
use mountNode replace the long getElementById 2015-12-29 12:08:58 +08:00			`, mountNode);`
add Carousel 2015-08-03 14:52:26 +08:00			````