background

Kendo UI for Vue

Vue Menu

  • .Make navigating web application with multiple levels of pages a breeze with the Vue Menu. It will render the main pages and next sub-menus for child pages.
  • Part of the Kendo UI for Vue library along with 100+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, learning resources and more!
vuekendo2
  • Overview

    The Vue Menu makes navigating your web application a breeze. Your main pages will be displayed horizontally or vertically across the screen and their child pages will be rendered in associated dropdowns. Context menus are also supported for an even more advanced level of UX.

    See the Vue Menu demo

  • Data Binding

    Bind the Vue menu to local or remote data arrays for ultimate automation.

    See the Vue Menu Data Binding demo

  • Make your Vue menu yours with multiple customization options for the listed items. For example, choose to use text only, text and icons, or icons only.

    See the Vue Menu Items demo

  • Vertical Menu

    By default, the Vue Menu is displayed horizontally as most top-level website navigation is presented. You can choose to render It vertically by setting a single property. This is akin to side navigation or a Table of Contents.

    See the Vue Vertical Menu demo                                               

  • Routing

    The Vue Menu component integrates nicely with the Vue router or any other 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 Vue Menu Routing demo

  • Context Menu

    The Vue Menu can be displayed on right-click as a context menu for a familiar desktop-like UX. This is often used for integration with other Kendo UI for Vue components such as the Data Grid.

    See the Vue Menu Context Menu demo

  • Keyboard Navigation

    Built-in support for keyboard only navigation gives your users and alternative to the mouse as the primary means of interaction.

    See the Vue Menu Keyboard Navigation demo

  • Accessibility

    The Vue Menu helps you create apps for everybody. Full accessibility, AAA and WCAG 2.0 rating, and Section 508 and WAI-ARIA standards are baked in.

    Read the Vue Menu Accessibility documentation

Next Steps

Get Started with Kendo UI for Vue

Kendo UI for Vue - Kendoka