RadioButton 单选按钮组

单选按钮组件的按钮样式版本，常用于在一组相关且互斥的选项中进行选择。

参数

RadioButton Props

名称	类型	默认值	描述
modelValue	string | number | boolean	-	按钮组绑定的值
value	string | number | boolean	-	单选按钮的值
disabled	boolean	false	是否禁用
size	ComponentSize	'medium'	按钮大小
type	ComponentType	'default'	按钮类型

RadioButtonGroup Props

名称	类型	默认值	描述
modelValue	string | number | boolean	-	按钮组绑定的值
disabled	boolean	false	是否禁用整个按钮组
size	ComponentSize	'medium'	按钮组中所有按钮的大小
type	ComponentType	'default'	按钮组中所有按钮的类型

Slots

名称	描述	参数
default	默认插槽，用于放置 RadioButton 组件	-

Events

名称	描述	参数
update:modelValue	选中值变化时触发	(value: string | number | boolean) => void
change	选中值变化时触发	(value: string | number | boolean) => void

示例

基础用法

不同尺寸

不同类型

禁用状态

TypeScript

// 基础颜色类型
export type ComponentType =
  | "default"
  | "primary"
  | "secondary"
  | "success"
  | "warning"
  | "error"
  | "info";

// 组件尺寸
export type ComponentSize = "small" | "medium" | "large";