ant-design/components/radio/index.en-US.md
Arvin Xu dda650cc7b
docs: Update components cover (#24744)
* docs: Update components cover

#24629

* docs: Update components cover
2020-06-05 13:50:09 +08:00

1.7 KiB

category type title cover
Components Data Entry Radio https://gw.alipayobjects.com/zos/alicdn/8cYb5seNB/Radio.svg

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/Radio.Button

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 | middle | small
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