# li-menu-flyout

<!-- Auto Generated Below -->

## Properties

| Property        | Attribute         | Description                                                                                          | Type                                                                                | Default          |
| --------------- | ----------------- | ---------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- | ---------------- |
| `closeOnSelect` | `close-on-select` | 决定flyout菜单在选择时，是否关闭 {boolean}                                                           | `boolean`                                                                           | `false`          |
| `direction`     | `direction`       | 菜单弹出的方向 {('bottom-right' \| 'bottom-left' \| 'top-right' \| 'top-left' \| 'right' \| 'left')} | `"bottom-left" \| "bottom-right" \| "left" \| "right" \| "top-left" \| "top-right"` | `'bottom-right'` |
| `styles`        | `styles`          | 注入的样式 {string}                                                                                  | `string \| undefined`                                                               | `undefined`      |

## Shadow Parts

| Part        | Description |
| ----------- | ----------- |
| `"trigger"` |             |

## Dependencies

### Used by

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

### Graph

```mermaid
graph TD;
  li-data-grid --> li-menu-flyout
  style li-menu-flyout fill:#f9f,stroke:#333,stroke-width:4px
```

---

_Built with ITSI_
