2016-03-31 09:40:55 +08:00
---
order: 2
2016-04-22 14:52:19 +08:00
title:
zh-CN: 按钮尺寸
en-US: Size
2016-03-31 09:40:55 +08:00
---
2015-06-05 20:26:41 +08:00
2016-04-22 14:52:19 +08:00
## zh-CN
2015-09-27 16:30:35 +08:00
按钮有大、中、小三种尺寸。
2015-06-07 14:03:00 +08:00
2015-10-22 21:01:52 +08:00
通过设置 `size` 为 `large` `small` 分别把按钮设为大、小尺寸。若不设置 `size` ,则尺寸为中。
2015-06-05 20:26:41 +08:00
2016-04-22 14:52:19 +08:00
## en-US
2016-04-25 11:04:56 +08:00
Ant Design supports a default button size as well as a large and small size.
2016-04-22 14:52:19 +08:00
2016-04-25 11:04:56 +08:00
If a large or small button is desired, set the `size` property to either `large` or `small` respectively. Omit the `size` property for a button with the default size.
2016-04-22 14:52:19 +08:00
2015-09-27 16:30:35 +08:00
````jsx
2015-10-28 20:55:49 +08:00
import { Button } from 'antd';
2015-09-27 16:30:35 +08:00
2015-10-20 16:47:55 +08:00
ReactDOM.render(< div >
2016-04-22 14:52:19 +08:00
< Button type = "primary" size = "large" > Large< / Button >
< Button type = "primary" > Default< / Button >
< Button type = "primary" size = "small" > Small< / Button >
2016-03-25 18:13:51 +08:00
< / div > , mountNode);
2015-06-05 20:26:41 +08:00
````