Skip to content

A2UI 复选框 Checkbox

通过 Schema 配置生成 XCheckbox 复选框组件。

字段配置

json
{
  "name": "agree",
  "label": "同意协议",
  "type": "checkbox",
  "props": {
    "label": "我已阅读并同意用户协议"
  }
}

Props 配置

属性类型默认值说明
disabledbooleanfalse禁用状态
labelstring-复选框文字
checkedbooleanfalse是否选中

示例

基础复选框

json
{ "name": "remember", "label": "记住密码", "type": "checkbox" }

带标签文字

json
{
  "name": "subscribe",
  "label": "订阅",
  "type": "checkbox",
  "props": {
    "label": "订阅邮件通知"
  }
}

默认值

Checkbox 字段默认值为 false

渲染组件

A2UI Checkbox 字段会渲染为 XTO UI 的 XCheckbox 组件:

vue
<XCheckbox v-model="formData.agree" />

相关链接

基于 MIT 许可发布