# Menu

Renders a dropdown menu. Can be attached to an activator element or free floating.

**NOTE**

Due to the fact that a menu is rendered through a teleport, dialogs don't work great when rendered from within a menu.

## Reference

#### Props

| Prop                     | Description                                                       | Default     | Type        |
| ------------------------ | ----------------------------------------------------------------- | ----------- | ----------- |
| `placement`              | Where to position the popper.                                     | `'bottom'`  | `Placement` |
| `value`                  | Value to control menu active state                                | `undefined` | `Boolean`   |
| `close-on-click`         | Close the menu when clicking outside of the menu                  | `true`      | `Boolean`   |
| `close-on-content-click` | Close the menu when clicking the content of the menu              | `true`      | `Boolean`   |
| `attached`               | Attach the menu to an input                                       | `false`     | `Boolean`   |
| `show-arrow`             | Show an arrow pointer                                             | `false`     | `Boolean`   |
| `disabled`               | Menu does not appear                                              | `false`     | `Boolean`   |
| `trigger`                | Activate the menu on a trigger. One of `manual`, `click`, `hover` | `null`      | `String`    |
| `delay`                  | Time in ms before menu activates after trigger                    | `0`         | `Number`    |

#### CSS Variables

| Variable             | Default |
| -------------------- | ------- |
| `--v-menu-min-width` | `100px` |

#### Events

| Event   | Description                  | Value     |
| ------- | ---------------------------- | --------- |
| `input` | Used to model the value prop | `Boolean` |

#### Slots

| Slot        | Description                                       | Data |
| ----------- | ------------------------------------------------- | ---- |
| `activator` | The activator for the menu                        |      |
| _default_   | Elements that should be displayed inside the menu |      |