background

KendoReact

React Menu

  • With built-in options for customizable sub-menu options, this React Menu component gives you full control.
  • Part of the KendoReact library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
Menu Header
  • Feature-rich Navigation Menu for React Apps

    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 the 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 the 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 the 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 the 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 the 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 the 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 the React Menu Accessibility demo

    Accessibility

All KendoReact Components

Next Steps