复选指示器
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
state | 'unchecked' | 'checked' | 'indeterminate' | — | 必需,要展示的标记状态。 |
size | 'sm' | 'md' | 'md' | 指示器尺寸,md 为 24px,sm 为 20px。 |
isDisabled | boolean | false | 以禁用的视觉样式展示,仅影响外观,不涉及交互行为。 |
插槽
- 默认插槽替换勾选和半选标记。
- 插槽内容只作装饰。
- 不得在插槽中放入可聚焦控件。
无障碍
- 根元素固定为
aria-hidden="true"。 - 组件不设置交互角色。
- 组件不接收
role、tabindex或contenteditable。 - 组件不提供点击事件或键盘行为。
- 模板引用的
element是HTMLSpanElement | null。
主题
指示器与 CheckboxInput 共用颜色变量。
.astryx-checkbox-indicator:指示器外框。.astryx-checkbox-indicator-check:勾选标记。.astryx-checkbox-indicator-dash:半选标记。data-state:当前显示状态。data-size:当前尺寸。data-disabled:禁用状态。