@xwink/ui

    Checkbox

    复选框。不用原生 <input type="checkbox">:它的勾选样式由系统绘制,macOS 与 Windows 的形状、配色、选中动画都不同,且吃不到主题色。行为层(勾选状态机、aria、键盘)交给 Reka UI。

    勾选态的主色实底可经 color 换色:primary(缺省,跟宿主主色)/ danger / success / warning / info 或十六进制,见主题 token → 换色。

    基础

    勾选 / 禁用

    API

    Props

    名称类型默认值说明
    disabledboolean | undefinedfalse—
    ariaLabelstring | undefinedundefined—
    labelstring | undefinedundefined—
    labelPlacement"end" | "start" | undefined"end"文字在勾选框的哪一侧:`end`(缺省)在后;`start` 在前。按书写方向说,从右往左排版时跟着翻
    size"mini" | "small" | "medium" | "large" | "super" | undefinedundefined尺寸:mini / small / medium(默认) / large / super;不传则跟随环境 data-size
    colorUiColor | undefinedundefined色块颜色:`primary`(缺省,跟宿主主色)/ `danger` / `success` / `warning` / `info`,或十六进制 `#rrggbb`
    modelValueboolean | undefinedfalse—

    Emits

    事件载荷说明
    update:modelValue[value: boolean]—

    Slots

    插槽说明
    default—