Components / Layout / API / MenuItemModel /

MenuItemModel

The interface for describing items that can be passed to the items property of the Menu as an alternative to passing them as children.

Name	Type	Description
contentRender?	`any`	A React functional or class component which is used for rendering content instead of the item children (see example).
cssClass?	`string`	The additional CSS classes that will be rendered on the item (see example).
cssStyle?	`CSSProperties`	The CSS styles that will be rendered on the item (see example).
data?	`any`	Represents any additional data that is associated with the Menu item.
disabled?	`boolean`	Specifies if the item is disabled (see example).
icon?	`string`	Specifies the name of the font icon that will be rendered for the item (see example).
items?	`MenuItemModel[]`	Specifies the children of the item.
linkRender?	`any`	A React 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.
render?	`any`	A React 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.
svgIcon?	`SVGIcon`	Specifies the SVG icon that will be rendered for the item (see example).
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).