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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.
Next Steps
See KendoReact in action and check out how much it can do out-of-the-box.
Buy an individual license for KendoReact, or treat yourself to Kendo UI, our complete JavaScript bundle.
Try KendoReact with dedicated technical support.