MenuModel

23 Sep 20251 minute to read

Interface for a class Menu

Properties

beforeClose EmitType<BeforeOpenCloseMenuEventArgs>

Triggers before closing the menu.

beforeItemRender EmitType<MenuEventArgs>

Triggers while rendering each menu item.

beforeOpen EmitType<BeforeOpenCloseMenuEventArgs>

Triggers before opening the menu item.

created EmitType<Event>

Triggers once the component rendering is completed.

onClose EmitType<OpenCloseMenuEventArgs>

Triggers while closing the menu.

onOpen EmitType<OpenCloseMenuEventArgs>

Triggers while opening the menu item.

select EmitType<MenuEventArgs>

Triggers while selecting menu item.

animationSettings MenuAnimationSettingsModel

Specifies the animation settings for the sub menu open.

cssClass string

Defines class/multiple classes separated by a space in the Menu wrapper.

enableHtmlSanitizer boolean

Specifies whether to enable the rendering of untrusted HTML values in the Menu component.
If ‘enableHtmlSanitizer’ set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.

enablePersistence boolean

Enable or disable persisting component’s state between page reloads.

enableRtl boolean

Enable or disable rendering component in right to left direction.

enableScrolling boolean

Specifies whether to enable / disable the scrollable option in Menu.

fields FieldSettingsModel

Specifies mapping fields from the dataSource.

hamburgerMode boolean

Specifies whether to enable / disable the hamburger mode in Menu.

hoverDelay number

If hoverDelay is set by particular number, the menu will open after that period.

items MenuItemModel[]| { : }[]

Specifies menu items with its properties which will be rendered as Menu.

locale string

Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.

orientation Orientation

Specified the orientation of Menu whether it can be horizontal or vertical.

showItemOnClick boolean

Specifies whether to show the sub menu or not on click.
When set to true, the sub menu will open only on mouse click.

target string

Specifies target element to open/close Menu while click in Hamburger mode.

template string|Function

Specifies the template for Menu item.

title string

Specifies the title text for hamburger mode in Menu.