MenuComponent
Represents the Kendo UI Menu component for Angular.
@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 |
|
Sets the Menu animation. | |
hoverDelay |
|
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 |
|
Specifies the Menu items. | |
openOnClick |
|
Specifies that the root items can be opened only on click (see example). | |
size |
|
Sets the Menu size. The possible values are:
| |
vertical |
|
Specifies if the Menu will be vertical (see example). |
Events
| Name | Type | Description |
|---|---|---|
close |
|
Fires when a Menu item is closed. |
open |
|
Fires when a Menu item is opened. |
select |
|
Fires when a Menu item is selected (see example). |
Methods
toggle | |||||||||
|---|---|---|---|---|---|---|---|---|---|
|
Opens or closes the specified Menu items. | |||||||||
|
