# li-collapsible

<!-- Auto Generated Below -->

## Properties

| Property       | Attribute       | Description                                          | Type                             | Default     |
| -------------- | --------------- | ---------------------------------------------------- | -------------------------------- | ----------- |
| `expanded`     | `expanded`      | 内容展开时值为true {boolean}                         | `boolean`                        | `undefined` |
| `headingLevel` | `heading-level` | 嵌套级别                                             | `null \| number`                 | `2`         |
| `iconLocation` | `icon-location` | 图标的位置：默认为图标位于左边 {('left' \| 'right')} | `"left" \| "right" \| undefined` | `'left'`    |
| `styles`       | `styles`        | (可选)注入CSS样式 {string}                           | `string \| undefined`            | `undefined` |

## Events

| Event      | Description                                                                         | Type                                  |
| ---------- | ----------------------------------------------------------------------------------- | ------------------------------------- |
| `liExpand` | 发射自定义事件li-expand给父组件li-accoridion {EventEmitter<CollapsibleEventDetail>} | `CustomEvent<CollapsibleEventDetail>` |

## Shadow Parts

| Part            | Description |
| --------------- | ----------- |
| `"button"`      |             |
| `"button-text"` |             |
| `"content"`     |             |
| `"heading"`     |             |

## Dependencies

### Depends on

- [li-icon-navigation-collapse-down](../icons/navigation-collapse-down)

### Graph

```mermaid
graph TD;
  li-collapsible --> li-icon-navigation-collapse-down
  style li-collapsible fill:#f9f,stroke:#333,stroke-width:4px
```

---

_Built with ITSI_
