Menu
The e-menu
component shows a menu with a list of options.
Props
Explore the available props for the form component
Property | Description | Type | Default |
---|---|---|---|
model-value | The v-model value of the component. | boolean | false |
close-on-content-click | Close the dropdown when clicking on the content. | boolean | false |
activator | HTML element used to activate the component. | HTMLElement | undefined |
disable-menu | Disable the menu. | Boolean | false |
check-offset | Check if the menu is going to overflow the page and automatically correct it. | boolean | false |
transition | name of the transition to use when opening the menu. | String | 'fade' |
origin | Origin point of the menu, relative to the activator. Can be either "top left", "top right", "bottom left", or "bottom right". | string | 'bottom left' |
max-width | Maximum menu width in pixels. | string | number | undefined |
offset-x | Number of pixels to offset the menu Horizontally. | string | number | undefined |
offset-y | Number of pixels to offset the menu Vertically. | string | number | undefined |
width | Menu width in pixels. Also used as the minWidth if the menu is forced to open on the right or left due to space limitations. | string | number | undefined |
full-width | Make the dropdown full width of its parent container. | boolean | false |
Slots
Explore the available slots for the form component