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

---
order: 3
title:
  zh-CN: 两种大小
  en-US: Two sizes
---

## zh-CN

`size="small"` 表示小号开关。

## en-US

`size="small"` represents a small sized switch.

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

ReactDOM.render(
  <div>
    <Switch />
    <Switch size="small" />
  </div>
, mountNode);
````
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
			`order: 3`
docs: Switch-translation (#2489) 2016-07-26 09:17:46 +08:00			`title:`
			`zh-CN: 两种大小`
			`en-US: Two sizes`
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
Add small size switch, ref #413 2015-12-06 16:39:01 +08:00
docs: Switch-translation (#2489) 2016-07-26 09:17:46 +08:00			`## zh-CN`

Add small size switch, ref #413 2015-12-06 16:39:01 +08:00			`size="small"` 表示小号开关。

docs: Switch-translation (#2489) 2016-07-26 09:17:46 +08:00			`## en-US`

			`size="small"` represents a small sized switch.

Add small size switch, ref #413 2015-12-06 16:39:01 +08:00			````jsx
			`import { Switch } from 'antd';`

			`ReactDOM.render(`
			`<div>`
			`<Switch />`
			`<Switch size="small" />`
			`</div>`
use mountNode replace the long getElementById 2015-12-29 12:08:58 +08:00			`, mountNode);`
Add small size switch, ref #413 2015-12-06 16:39:01 +08:00			````