# li-switch

<!-- Auto Generated Below -->

## Properties

| Property   | Attribute  | Description                             | Type                   | Default     |
| ---------- | ---------- | --------------------------------------- | ---------------------- | ----------- |
| `checked`  | `checked`  | 激活开关 {boolean}                      | `boolean \| undefined` | `false`     |
| `disabled` | `disabled` | 是否禁用 {boolean}                      | `boolean \| undefined` | `false`     |
| `inputId`  | `input-id` | 输入Id {string}                         | `string \| undefined`  | `undefined` |
| `label`    | `label`    | 标签 {string}                           | `string \| undefined`  | `undefined` |
| `name`     | `name`     | 名称 {string}                           | `string \| undefined`  | `undefined` |
| `size`     | `size`     | 尺寸                                    | `string \| undefined`  | `'large'`   |
| `styles`   | `styles`   | 可选属性 注入的样式style字符串 {string} | `string \| undefined`  | `undefined` |

## Events

| Event       | Description                         | Type               |
| ----------- | ----------------------------------- | ------------------ |
| `li-change` | 当switch点击时，触发 {EventEmitter} | `CustomEvent<any>` |

## Dependencies

### Used by

- [li-data-grid](../data-grid)

### Depends on

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

### Graph

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

---

_Built with ITSI_
