ant-design/components/radio/index.en-US.md
Tom Xu d44f404eae
docs: sort api (#27251)
* chore: improve sort api table scripts

* sort api

* add ignore

* Revert "sort api"

This reverts commit 343505d5f0.

* sort api

* Update package.json

* sort api

* Delete sort-api.js

* sort api

* sort api

* sort api

* fix

* Update index.zh-CN.md

* fix input-number

* fix input-number

* sort func

* fix

* Method moved to the end

* carousel method
2020-10-21 10:33:43 +08:00

1.8 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 Whether get focus when component mounted boolean false
checked Specifies whether the radio is selected boolean false
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 Version
buttonStyle The style type of radio button outline | solid outline
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 }> -
optionType Set Radio optionType default | button default 4.4.0
size The size of 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) -

Methods

Radio

Name Description
blur() Remove focus
focus() Get focus