多选框

已上架

多选框组件,源码位于 components/ui/checkbox.tsx。以下示例为组件库源码的构建期真实渲染。

样式变体

默认Default

单个布尔项,适合设置或同意项。

已选Checked

受控或默认选中态都沿用同一视觉模型。

形态变体

带标签With label

用 label 扩大点击范围,不要只留下 16px 命中区。

状态变体

禁用Disabled

禁用态使用 --color-disabled-*,不靠 opacity。

错误Invalid

表单校验失败时配合错误文案使用。

形态变体

空选项规则Empty guidance

Checkbox 不负责搜索;选项为空时展示 EmptyState 或禁用整组。

No checkbox options available

多选列表Multi selection

多个 Checkbox 表示可叠加选择;互斥选择用 RadioGroup。

批量操作Bulk action

表格或列表中的行选择应通过 Checkbox 暴露清晰 aria-label。

下架组件

确认后生成下架提示词。权威在 Registry,设计站不直接改清单;对外构建不会展示已下架入口。

更新组件

选择对标资源并描述需求,生成给 Agent / Distiller 的更新提示词(复制后发送)。不在站点内直接改真源。

对标设计系统

升为 Stable

对照验收契约列出缺口。能自动补的由 Agent/脚本补齐;未绿前不得把状态标成 stable。

当前缺口
  • 缺少验收契约草稿(acceptance-contract)
  • 未声明基础样式 / 状态矩阵 / 场景示例覆盖
  • 轻量门与 code↔preview 门均未接线