New to Kendo UI for Vue? Start a free 30-day trial

ContextMenuProps

Interface

Represents the props of the ContextMenu component.

Properties

actionsRender?

any

Specifies a component, render function, or slot name for trailing actions on each Menu item. Receives { item, itemId }. An item-level actionsRender overrides this setting.

Example:

vue

<Menu :items="items" :actions-render="'actions'">
    <template #actions="{ props }"><kbd>{{ props.item.data?.shortcut }}</kbd></template>
</Menu>

className?

string

Adds a custom className to the Menu top element.

Sets the ids of the Menu items that will not be closed on mouse-leave. The ids are hierarchical and zero-based. The first root item has a 0 id. If the first root item has children, the first child item acquires a 0_0 id and the second acquires a 0_1 id.

dir?

string

Sets the direction of the Menu.

itemRender?

any

A Vue functional or class component which is used for rendering the innermost part of the Menu item (see example). By default, the innermost item part includes only the text for the item.

items?

MenuItemModel[]

Sets the Menu items.

linkRender?

any

A Vue functional or class component which is used for rendering the link of the item (see example). The item link is a part of the visual representation of the item which, by default, includes an arrow, icon, and text.