Used to select a single option from a set of choices

Basic Usage

Since options are visible by default, there should not be too many. If there are many options, it is recommended to use the Select component.

Disabled State

Disabled state of radio buttons.

Radio Group

Suitable for selecting one option among multiple mutually exclusive options.

Button Style

Radio groups in button style.

With Border

Radio Attributes

Parameter	Description	Type	Optional Values	Default	PC/Mobile Support
value / v-model	Bound value	string / number / boolean	—	—	PC/Mobile
label	Value of the Radio	string / number / boolean	—	—	PC/Mobile
disabled	Whether disabled	boolean	—	false	PC/Mobile
border	Whether to show border	boolean	—	false	PC only
size	Size of the Radio, only effective when border is true	string	medium / small / mini	—	PC only
name	Native name attribute	string	—	—	PC only

Radio Events

Event Name	Description	Callback Parameters	PC/Mobile Support
change	Triggered when the bound value changes	Selected Radio label value	PC/Mobile

Radio-group Attributes

Parameter	Description	Type	Optional Values	Default	PC/Mobile Support
value / v-model	Bound value	string / number / boolean	—	—	PC/Mobile
size	Radio group size, only effective for button-style radios or bordered radios	string	medium / small / mini	—	PC only
disabled	Whether disabled	boolean	—	false	PC/Mobile
text-color	Text color when button-style Radio is active	string	—	#ffffff	PC only
fill	Fill color and border color when button-style Radio is active	string	—	#409EFF	PC only

Radio-group Events

Event Name	Description	Callback Parameters	PC/Mobile Support
change	Triggered when the bound value changes	Selected Radio label value	PC/Mobile

Radio-button Attributes

Parameter	Description	Type	Optional Values	Default	PC/Mobile Support
label	Value of the Radio	string / number	—	—	PC/Mobile
disabled	Whether disabled	boolean	—	false	PC/Mobile
name	Native name attribute	string	—	—	PC only