Radio 单选框

在一组选项中进行单选操作。

引用

import { RadioGroup, Radio, regist } from "litos-ui";

regist([RadioGroup, Radio]);

演示

基础用法

当只有一个选项时，可以直接 checked 绑定 boolean 值来控制是否选中；使用 slot 来重写选项的文字。

禁用状态

设置 disabled 属性即可。

单选框组

结合 l-radio-group 组件实现单选框组

按钮样式

在单选框组基础上，设置 type 为 button 可以使用按钮样式。

API

Radio Attibutes

参数	说明	类型	默认值
name	原生 name 属性	string	-
disabled	是否禁用	boolean	false
type	单选框组样式	button - 按钮风格	default
checked	是否选中	boolean	false
label	标签文本	string	-

Radio Slots

名称	说明
default	单选框选项文本

Radio Events

事件名	说明	回调参数
change	选中项变化时触发	`(value: boolean

Radio Methods

方法名	说明	类型
setItems	设置选项组	(items: {label:string,value:string;part?:string}[]): void

Radio CSS Variables

变量名	说明	默认值
--l-radio-size	单选框尺寸	16px