# dropdown-select

<!-- Auto Generated Below -->

## Properties

| Property      | Attribute     | Description           | Type                   | Default      |
| ------------- | ------------- | --------------------- | ---------------------- | ------------ |
| `comboboxId`  | `combobox-id` | combobox的id {string} | `string \| undefined`  | `'combobox'` |
| `disabled`    | `disabled`    | 是否禁用 {boolean}    | `boolean \| undefined` | `undefined`  |
| `helperText`  | `helper-text` | 提醒文本 {string}     | `string \| undefined`  | `''`         |
| `invalid`     | `invalid`     | 是否无效 {boolean}    | `boolean \| undefined` | `false`      |
| `label`       | `label`       | 标签 {string}         | `string`               | `undefined`  |
| `readonly`    | `readonly`    | 是否只读 {boolean}    | `boolean \| undefined` | `undefined`  |
| `transparent` | `transparent` | 是否透明 {boolean}    | `boolean \| undefined` | `undefined`  |
| `value`       | `value`       | 值 {\*}               | `any`                  | `undefined`  |

## Events

| Event        | Description                        | Type                |
| ------------ | ---------------------------------- | ------------------- |
| `li-blur`    | 失去焦点事件 {EventEmitter<void>}  | `CustomEvent<void>` |
| `li-change`  | li-change事件 {EventEmitter<void>} | `CustomEvent<void>` |
| `li-focus`   | 获取焦点事件 {EventEmitter<void>}  | `CustomEvent<void>` |
| `li-keydown` | 键盘按下事件 {EventEmitter<void>}  | `CustomEvent<void>` |

## Shadow Parts

| Part                   | Description |
| ---------------------- | ----------- |
| `"combobox-container"` |             |
| `"helper-text"`        |             |
| `"icon"`               |             |
| `"label"`              |             |
| `"listbox"`            |             |
| `"listbox-pad"`        |             |
| `"meta"`               |             |

## Dependencies

### Depends on

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

### Graph

```mermaid
graph TD;
  li-dropdown-select --> li-icon-action-success
  li-dropdown-select --> li-icon-navigation-collapse-up
  li-dropdown-select --> li-icon-navigation-collapse-down
  style li-dropdown-select fill:#f9f,stroke:#333,stroke-width:4px
```

---

_Built with ITSI_
