Radio 单选框

单选框组件用于在一组相关且互斥的选项中进行单一选择。

参数

Props

名称	类型	默认值	描述
modelValue	string | number | boolean	-	选中值
value	string | number | boolean	-	单选框的值
type	ComponentType	'default'	单选框类型
size	ComponentSize	'medium'	单选框大小
disabled	boolean	false	是否禁用
label	string	-	单选框标签文本

Slots

名称	描述	参数
default	默认插槽，用于显示单选框标签内容	-

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";