2016-03-31 09:40:55 +08:00
|
|
|
---
|
|
|
|
order: 5
|
2016-07-21 10:10:04 +08:00
|
|
|
title:
|
|
|
|
zh-CN: 大小
|
|
|
|
en-US: Size
|
2017-02-20 22:04:17 +08:00
|
|
|
---
|
2016-07-21 10:10:04 +08:00
|
|
|
|
|
|
|
## zh-CN
|
2016-01-21 22:45:21 +08:00
|
|
|
|
|
|
|
大中小三种组合,可以和表单输入框进行对应配合。
|
|
|
|
|
2016-07-21 10:10:04 +08:00
|
|
|
## en-US
|
|
|
|
|
2016-09-12 10:09:03 +08:00
|
|
|
There are three sizes available: large, medium, and small. It can coordinate with input box.
|
2016-07-21 10:10:04 +08:00
|
|
|
|
2022-05-19 09:46:26 +08:00
|
|
|
```tsx
|
|
|
|
import React from 'react';
|
2016-01-21 22:45:21 +08:00
|
|
|
import { Radio } from 'antd';
|
2018-06-27 15:55:04 +08:00
|
|
|
|
2022-05-19 09:46:26 +08:00
|
|
|
const App: React.FC = () => (
|
2020-03-30 22:14:13 +08:00
|
|
|
<>
|
|
|
|
<Radio.Group defaultValue="a" size="large">
|
|
|
|
<Radio.Button value="a">Hangzhou</Radio.Button>
|
|
|
|
<Radio.Button value="b">Shanghai</Radio.Button>
|
|
|
|
<Radio.Button value="c">Beijing</Radio.Button>
|
|
|
|
<Radio.Button value="d">Chengdu</Radio.Button>
|
|
|
|
</Radio.Group>
|
|
|
|
<Radio.Group defaultValue="a" style={{ marginTop: 16 }}>
|
|
|
|
<Radio.Button value="a">Hangzhou</Radio.Button>
|
|
|
|
<Radio.Button value="b">Shanghai</Radio.Button>
|
|
|
|
<Radio.Button value="c">Beijing</Radio.Button>
|
|
|
|
<Radio.Button value="d">Chengdu</Radio.Button>
|
|
|
|
</Radio.Group>
|
|
|
|
<Radio.Group defaultValue="a" size="small" style={{ marginTop: 16 }}>
|
|
|
|
<Radio.Button value="a">Hangzhou</Radio.Button>
|
|
|
|
<Radio.Button value="b">Shanghai</Radio.Button>
|
|
|
|
<Radio.Button value="c">Beijing</Radio.Button>
|
|
|
|
<Radio.Button value="d">Chengdu</Radio.Button>
|
|
|
|
</Radio.Group>
|
2022-04-03 23:27:45 +08:00
|
|
|
</>
|
2018-11-28 15:00:03 +08:00
|
|
|
);
|
2022-05-19 09:46:26 +08:00
|
|
|
|
|
|
|
export default App;
|
2016-07-21 10:10:04 +08:00
|
|
|
```
|