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!
Menu
  • 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

    vue-menu-component-overview
  • 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

    vue-items-menu-component
  • 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                                               

    vue-vertical-menu-component
  • 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

  • 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

    Accessibility
Next Steps

Get Started with Kendo UI for Vue

Kendo UI for Vue - Kendoka