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
Components Data Entry Radio

Radio.

When To Use

  • Used to select a single state in multiple options.
  • The difference between Select is that Radio is visible to user and can facilitate the comparison of choice. So, when you want to use Radio, option should not be too much.

API

Radio

Property Description Type optional Default
autoFocus 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 none

RadioGroup

radio group,wrap a group of Radio

Property Description Type optional Default
defaultValue Default selected value any none none
disabled Disable all radio buttons boolean false
name The name property of all input[type="radio"] children string none
options set children optional string[] | Array<{ label: string value: string disabled?: boolean }>
size Size, only on radio style string large default small default
value Used for setting the currently selected value. any none none
onChange The callback function that is triggered when the state changes. Function(e:Event) none none

Methods

Radio

Name Description
blur() remove focus
focus() get focus