Chiralkit
ui-component

checkbox

v1.0.0

原生 <input type="checkbox">，封装为设计系统的自定义元素——checked/indeterminate props 会转发到 DOM，dsChange 发出新的布尔状态。保留浏览器默认的 checkbox 渲染，以维持辅助技术（AT）和 forced-colors 模式下的行为。

安装

预览

用法

react
django-template

规范详情

原始注册表条目
{
  "name": "checkbox",
  "type": "ui-component",
  "metadata": {
    "ring": "1a",
    "description": "Native <input type=\"checkbox\"> wrapped as a design-system custom element — checked/indeterminate props forward to the DOM, dsChange emits the new boolean state. Keeps the browser's default checkbox rendering to preserve AT and forced-color-mode behavior.",
    "author": "neo",
    "version": "1.0.0",
    "created_at": "2026-08-26",
    "dependencies": [],
    "translations": {
      "es": {
        "description": "<input type=\"checkbox\"> nativo envuelto como custom element del design system — props checked/indeterminate se reenvían al DOM, dsChange emite el nuevo estado booleano. Mantiene el render nativo del checkbox para preservar el comportamiento de AT y del modo forced-colors."
      },
      "zh": {
        "description": "原生 <input type=\"checkbox\">，封装为设计系统的自定义元素——checked/indeterminate props 会转发到 DOM，dsChange 发出新的布尔状态。保留浏览器默认的 checkbox 渲染，以维持辅助技术（AT）和 forced-colors 模式下的行为。"
      },
      "la": {
        "description": "<input type=\"checkbox\"> nativum ut custom element design system involutum — props checked/indeterminate ad DOM transmittuntur, dsChange novum statum booleanum emittit. Speciem checkbox quam browser praebet servat, ut mores AT et modi forced-colors conserventur."
      }
    }
  },
  "spec": {
    "tech": "stencil",
    "tag": "ds-checkbox",
    "tokens_used": []
  }
}
ChiralFM