# li-sidebar-nav

<!-- Auto Generated Below -->

## Properties

| Property                | Attribute                 | Description                                                       | Type                   | Default               |
| ----------------------- | ------------------------- | ----------------------------------------------------------------- | ---------------------- | --------------------- |
| `ariaLabelSidebarNav`   | `aria-label-sidebar-nav`  | 该属性是导航目的的简要描述，用于A11Y功能支持 {string}             | `string \| undefined`  | `undefined`           |
| `collapsible`           | `collapsible`             | 值为true时，表示sidebar-nav组件可以折叠（用于较小屏幕） {boolean} | `boolean \| undefined` | `false`               |
| `collapsibleLabel`      | `collapsible-label`       | 切换折叠按钮的标签 {string}                                       | `string`               | `'菜单'`              |
| `collapsibleMediaQuery` | `collapsible-media-query` | 基于值表示的媒体查询，自动设定collapsible属性 {string}            | `string \| undefined`  | `'(max-width: 30em)'` |
| `styles`                | `styles`                  | 可选属性 注入的样式style字符串 {string}                           | `string \| undefined`  | `undefined`           |

## Shadow Parts

| Part              | Description |
| ----------------- | ----------- |
| `"icon"`          |             |
| `"list"`          |             |
| `"toggle-button"` |             |

## Dependencies

### Depends on

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

### Graph

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

---

_Built with ITSI_
