You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

1.7 KiB

category type title cover
Components Data Entry Radio https://gw.alipayobjects.com/zos/alicdn/jhSTlg4WQ/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