Checkbox 复选框
在一组备选项中进行多选。适用提醒用户勾选场景,突出多选框选项,可以有效增加用户识别度。
引用
js
import { Checkbox, regist } from "litos-ui";
regist([Checkbox]);
1
2
3
2
3
演示
基础用法
使用当只有一个选项时,可以直接 checked
绑定 boolean
值来控制是否选中;使用 slot-label
来重写选项的文字。
禁用状态
使用 disabled
属性来禁用复选框。
多选框组
通过 slot-default
然后给每一项设置一个 check-value
来配置单选框组每一项; 可以通过 part
来修改样式
API
Checkbox Attibutes
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
x | x | x | x |
Checkbox Slots
名称 | 说明 |
---|---|
default | 内容 |
Checkbox Events
事件名 | 说明 | 回调参数 |
---|---|---|
click | 点击按钮时触发 | (event: Event) |
Checkbox Methods
方法名 | 说明 | 类型 |
---|---|---|
x | x | (x: number): string |
Checkbox CSS Variables
变量名 | 说明 | 默认值 |
---|---|---|
--l | x | #fff |