MenuProps
The properties of the KendoReact Menu component.
Definition
Package:@progress/kendo-react-layout
Properties
animate?
boolean | PopupAnimation
Controls the Popup animation.
true
children?
ReactNode
Sets the Menu items declaratively.
className?
string
Adds a custom className to the Menu top element.
customCloseItemIds?
string[]
Sets the ids of the Menu items that will not be closed on mouse-leave. The ids are hierarchical and zero-based.
The first root item has a 0 id. If the first root item has children,
the first child item acquires a 0_0 id and the second acquires a 0_1 id.
dir?
string
Sets the direction of the Menu.
hoverCloseDelay?
number
Specifies the delay in milliseconds before the Menu items are closed on item mouse-leave (see example).
100
hoverOpenDelay?
number
Specifies the delay in milliseconds before the Menu items are closed on item mouse-leave (see example). Used to avoid accidental closure on leaving.
100
id?
string
Sets the ID of the Menu.
itemRender?
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.
Sets the Menu items.
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.
onClose?
(event: MenuCloseEvent) => void
Fires when a Menu item is closed.
onSelect?
(event: MenuSelectEvent) => void
Fires when a Menu item is selected.
openOnClick?
boolean
If openOnClick is set to true, the items are opened on mouse hover only after an initial click.
false
style?
CSSProperties
Sets additional CSS styles to the Menu.
vertical?
boolean
Specifies whether the Menu will be vertical (see example).
false
webMcp?
boolean | WebMcpProps
Enables Web MCP tool registration for this component.
Requires a parent WebMcpProvider from @progress/kendo-react-webmcp.