KendoReact

React Menu

  • With built-in options for customizable sub-menu options, this React Menu component gives you full control. Easy to integrate with the react-router library.
  • Part of the KendoReact library along with 100+ professional UI components built with React for React, from the ground up.
  • Get started quickly with our award-winning support, detailed documentation, interactive demos and instructor-led training.

Overview

The KendoReact Menu component is great to provide 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

Menu Items

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

Custom Renderers

The KendoReact Menu supports having a custom component control the look and feel of each menu item. This makes the KendoReact Menu component very versatile when implementing specific design and UX requirements.

See the React Menu Custom Rendering demo

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.