React Menu

Overview

The KendoReact Menu component is great to provide nice navigation for the web application. The component can have many sub-menu options making it very easy to navigate through applications with multiple levels of pages. The React Menu also provides an option to make a context menu to allow the user to execute a quick command from a pre-defined list.

See React Menu Overview demo

React Menu - Overview, KendoReact UI Library

The KendoReact Menu Items provide many customization options, making it easy to add additional elements like icons, images and more. Every Item can be styled individually and dynamically giving the developer full control over it.

See React Menu Items demo

React Menu - Items, KendoReact UI Library

Vertical Menu

The KendoReact Menu is rendered horizontally by default, but it can render vertically by setting just a single property. This allows the Menu component to be used in different application designs with top or side navigations.

See React Menu Vertical demo

React Menu - Vertical Menu, KendoReact UI Library

Routing

The KendoReact Menu component integrates nicely with the react-router library to provide navigation inside the web application. Clicking an item from the Menu will route the user to the corresponding page.

See React Menu Routing demo

Context Menu

The ContextMenu gives the user a beautifully styled list of options for navigation or executing commands like, copy, paste, download etc. It can be used in combination with many KendoReact components, like the Grid, to provide the user with easily accessible quick actions.

See React Menu Context demo

React Menu - Context, KendoReact UI Library

Keyboard Navigation

The component can be interacted using the keyboard and has a variety of keys to navigate between all items and sub-items inside the React Menu.

See React Menu Keyboard Navigation demo

Accessibility

Following the keyboard navigation feature, the component also has all needed WIA-ARIA attributes to make it WCAG 2.0 compliant and fully accessible.

See React Menu Accessibility demo

React Menu - Accessibility, KendoReact UI Library

Next Steps

Visit Our Demos

See KendoReact in action and check out how much it can do out-of-the-box.

See Pricing

Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.

Start Free Trial

Try KendoReact with dedicated technical support.