MenuComponent

Represents the Kendo UI Menu component for Angular.

ts

@Component({
   selector: 'my-app',
   template: `
       <kendo-menu [items]="items">
       </kendo-menu>
   `
})
class AppComponent {
   public items: any[] = [{ text: 'item1', items: [{ text: 'item1.1' }] }, { text: 'item2', disabled: true }];
}

Selector

kendo-menu

Export Name

Accessible in templates as #kendoMenuInstance="kendoMenu"

Inputs

Name	Type	Default	Description
animate	boolean | MenuAnimation		Sets the Menu animation.
appendTo	ViewContainerRef		Defines the container to which the popups will be appended.
hoverDelay	number		Specifies the delay in milliseconds before the Menu items are opened or closed on item hover or leave (see example). Used to avoid the accidental opening or closing of the items.
items	any[]		Specifies the Menu items.
openOnClick	boolean | OpenOnClickSettings		Specifies that the root items can be opened only on click (see example).
size	MenuSize		Sets the Menu size. The possible values are: small medium (default) large none
vertical	boolean		Specifies if the Menu will be vertical (see example).

Events

Name	Type	Description
close	EventEmitter<MenuEvent>	Fires when a Menu item is closed (see example).
open	EventEmitter<MenuEvent>	Fires when a Menu item is opened (see example).
select	EventEmitter<MenuSelectEvent>	Fires when a Menu item is selected (see example).

Methods

toggle
Opens or closes the specified Menu items.
Parameters open boolean A Boolean value which indicates if the items will be opened or closed. indices string[] One or more values which represent the hierarchical indices of the items that will be opened or closed.