# li-checkbox

<!-- Auto Generated Below -->

## Properties

| Property            | Attribute             | Description            | Type                  | Default     |
| ------------------- | --------------------- | ---------------------- | --------------------- | ----------- |
| `ariaLabelCheckbox` | `aria-label-checkbox` | 可访问性标签（A11Y）   | `string \| undefined` | `undefined` |
| `checked`           | `checked`             | 是否被选中             | `boolean`             | `false`     |
| `disabled`          | `disabled`            | 是否禁用               | `boolean`             | `false`     |
| `helperText`        | `helper-text`         | 提示文本               | `string \| undefined` | `undefined` |
| `hideLabel`         | `hide-label`          | 是否隐藏标签           | `boolean`             | `false`     |
| `indeterminate`     | `indeterminate`       | 中间状态，一般用于全选 | `boolean`             | `false`     |
| `inputId`           | `input-id`            | checkbox ID            | `string \| undefined` | `undefined` |
| `invalid`           | `invalid`             | 是否有效               | `boolean`             | `false`     |
| `label`             | `label`               | 标签                   | `string`              | `undefined` |
| `name`              | `name`                | 元素名称               | `string \| undefined` | `undefined` |
| `styles`            | `styles`              | 注入的样式字符串       | `string \| undefined` | `undefined` |
| `value`             | `value`               | 为表单提供数据         | `any`                 | `''`        |

## Events

| Event      | Description             | Type                                          |
| ---------- | ----------------------- | --------------------------------------------- |
| `liChange` | checked属性改变时触发。 | `CustomEvent<CheckboxChangeEventDetail<any>>` |

## Shadow Parts

| Part            | Description |
| --------------- | ----------- |
| `"checkbox"`    |             |
| `"container"`   |             |
| `"helper-text"` |             |
| `"icon"`        |             |
| `"input"`       |             |
| `"label"`       |             |

## Dependencies

### Used by

- [li-checkbox-group](../checkbox-group)
- [li-data-grid](../data-grid)
- [li-tree-node](../tree-node)

### Depends on

- [li-icon-action-indeterminate](../icons/action-indeterminate)
- [li-icon-action-success](../icons/action-success)

### Graph

```mermaid
graph TD;
  li-checkbox --> li-icon-action-indeterminate
  li-checkbox --> li-icon-action-success
  li-checkbox-group --> li-checkbox
  li-data-grid --> li-checkbox
  li-tree-node --> li-checkbox
  style li-checkbox fill:#f9f,stroke:#333,stroke-width:4px
```

---

_Built with ITSI_
