Open URL in a new window when clicking on a KendoReact Menu item

Updated on Dec 19, 2025

Environment

Product Version	12.0.2
Product	Progress® KendoReact Menu

Description

I want to open the URL from a Menu item in a new window.

Solution

To customize the default behavior of the Menu and how it handles URL set in the MenuItem, define a custom linkRender for the Menu. Within the custom linkRender, conditionally render either an anchor element or a SPAN, based on the props.url value. In the custom anchor element, set the href and add onClick handler, where you can stop the propagation of the click event and manually open the URL from the href in new window.

The following example demonstrates this approach in action:

Change Theme

Theme

Loading ...

See Also

• KendoReact Menu Overview
• Custom Rendering