mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-16 01:41:02 +08:00
5a24beaf9f
* docs: clean up version info in 4.0 * docs: removed version column in 4.0
1.6 KiB
1.6 KiB
category | type | title |
---|---|---|
Components | Data Entry | Radio |
Radio.
When To Use
- Used to select a single state from multiple options.
- The difference from Select is that Radio is visible to the user and can facilitate the comparison of choice, which means there shouldn't be too many of them.
API
Radio
Property | Description | Type | Default |
---|---|---|---|
autoFocus | get focus when component mounted | boolean | false |
checked | Specifies whether the radio is selected. | boolean | |
defaultChecked | Specifies the initial state: whether or not the radio is selected. | boolean | false |
disabled | Disable radio | boolean | false |
value | According to value for comparison, to determine whether the selected | any |
RadioGroup
Radio group can wrap a group of Radio
。
Property | Description | Type | Default |
---|---|---|---|
defaultValue | Default selected value | any | |
disabled | Disable all radio buttons | boolean | false |
name | The name property of all input[type="radio"] children |
string | |
options | set children optional | string[] | Array<{ label: string value: string disabled?: boolean }> | |
size | size for radio button style | large | default | small |
default |
value | Used for setting the currently selected value. | any | |
onChange | The callback function that is triggered when the state changes. | Function(e:Event) | |
buttonStyle | style type of radio button | outline | solid |
outline |
Methods
Radio
Name | Description |
---|---|
blur() | remove focus |
focus() | get focus |