Radio 单选框

在一组选项中进行单选

引用

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

regist(Radio);

演示

基础用法

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

禁用状态

设置 disabled 属性即可。

单选框组

通过 js 设置 items 选项或者通过 slot-default 然后给每一项设置一个 radio-value 来配置单选框组; 可以通过 part 来修改样式

按钮样式

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

API

Radio Attibutes

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

Radio Slots

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

Radio Events

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

Radio Methods

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

Radio CSS Variables

变量名	说明	默认值
-	-	-