Skip to content

    Checkbox 组件

    Checkbox 用于单个展示项,支持单独使用或放入 CheckboxGroup

    基础用法

    Markdown
    <div class="vp-pro-checkbox-inline">
      <Checkbox label="接收站内通知" />
      <Checkbox label="订阅每周更新" color="success" :default-selected="true" />
      <Checkbox label="高风险操作" color="danger" description="请再次确认后再勾选" />
      <Checkbox label="圆形样式" radius="full" :default-selected="true" />
    </div>

    Props

    参数类型默认值说明示例
    modelValuebooleanundefined受控选中状态(v-model)。v-model="enabled"
    defaultSelectedbooleanfalse非受控初始选中。:default-selected="true"
    labelstring''文本标签,不传时使用插槽。label="接收通知"
    descriptionstring''标签下方说明文字。description="仅用于系统提醒"
    valuestring''CheckboxGroup 中的值。value="ts"
    namestring''原生 namename="agreement"
    colordefault | primary | success | warning | dangerprimary主题色。color="warning"
    sizesm | md | lgmd尺寸。size="lg"
    radiussm | md | lg | fulllg控件圆角。radius="full"
    disabledbooleanfalse是否禁用。:disabled="true"
    interactivebooleanfalse是否启用交互;默认纯展示。:interactive="true"

    最后更新于: