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

MenuItem

Interface

Represents an interface for the Menu items.

Definition

Package:@progress/kendo-angular-menu

Properties

actionsTemplate?

TemplateRef​<any>

Specifies a template for the trailing actions of the item.

contentTemplate?

TemplateRef​<any>

Specifies a template for the item content.

Specifies the CSS classes that will be rendered on the item element (see example). Supports the type of values that are supported by ngClass.

Specifies the CSS styles that will be rendered on the item element (see example). Supports the type of values that are supported by ngStyle.

Represents the additional data that is associated with the Menu item.

Specifies a secondary line of text that is rendered below the item text (see example). The description is not rendered when a template or a link template replaces the default item content.

disabled?

boolean

Specifies if the item is disabled (see example).

Specifies whether the item renders as a non-interactive group header in a Menu popup (see example). When set to true, only the text, icon, svgIcon, cssClass, and cssStyle fields apply.

groupHeaderTemplate?

TemplateRef​<any>

Specifies a template for the content of the group header (see example). The template context provides the group header as item and its hierarchical index as index.

icon?

string

Specifies the name of the font icon that will be rendered for the item (see example).

items?

any[]

Specifies the children of the item (see example).

separator?

boolean

Specifies if this is a separator item. If set to true only the cssClass and cssStyle fields are rendered.

svgIcon?

SVGIcon

Defines an SVGIcon that will be rendered for the item using a KendoSVGIcon component (see example).

template?

TemplateRef​<any>

Specifies a template for the item.

text?

string

Specifies the item text (see example).

url?

string

Specifies a URL which is rendered as a href attribute on the item link (see example).