# Vue Menu Overview

The Kendo UI for Vue Menu is a multi-level component for displaying hierarchical data.

You can describe the Menu items either by setting the [`items`](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/menuprops#items) property.

The Menu component is part of the Kendo UI for Vue library of Vue components. It is distributed through NPM under the [kendo-vue-layout package](https://www.npmjs.com/package/@progress/kendo-vue-layout).

<CtaPanelOverview></CtaPanelOverview>

## Basic Usage

The following example demonstrates the Menu in action.

[Demo Source](https://demos.telerik.com/kendo-vue-ui/layout/menu/overview/source.txt)

## Functionality and Features

* [Data binding](https://www.telerik.com/kendo-vue-ui-develop/components/layout/menu/data-binding)
* [Items](https://www.telerik.com/kendo-vue-ui-develop/components/layout/menu/items)
* [Item Templates](https://www.telerik.com/kendo-vue-ui-develop/components/layout/menu/rendering)
* [Vertical Menu](https://www.telerik.com/kendo-vue-ui-develop/components/layout/menu/vertical)
* [Opening and closing](https://www.telerik.com/kendo-vue-ui-develop/components/layout/menu/open-close)
* [Routing](https://www.telerik.com/kendo-vue-ui-develop/components/layout/menu/routing)
* [Keyboard navigation](https://www.telerik.com/kendo-vue-ui-develop/components/layout/menu/keyboard-navigation)
* [Accessibility](https://www.telerik.com/kendo-vue-ui-develop/components/layout/menu/accessibility/wai-aria-support)

## Support and Learning Resources

* [Menu Homepage](https://www.telerik.com/kendo-vue-ui/menu)
* [Getting Started with the Kendo UI Vue Layout](https://www.telerik.com/kendo-vue-ui-develop/components/layout/get-started)
* [API Reference of the Menu Component](https://www.telerik.com/kendo-vue-ui-develop/components/layout/api/menuprops)
* [Getting Started with Kendo UI for Vue - JavaScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-composition-api)
* [Getting Started with Kendo UI for Vue - TypeScript (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-composition-api)
* [Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/javascript-options-api)
* [Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/typescript-options-api)
* [Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)](https://www.telerik.com/kendo-vue-ui-develop/components/getting-started/get-started-nuxt-3)
* [Virtual Classroom (Training Course for Registered Users)](https://learn.telerik.com/learn/course/internal/view/elearning/45/kendo-ui-for-vue-with-typescript)
* [Menu Forum](https://www.telerik.com/forums/kendo-ui-vue?searchText=menu)
* [Knowledge Base](https://www.telerik.com/kendo-vue-ui/components/knowledge-base/)
* [Kendo UI Productivity Tools extension for VS Code](https://www.telerik.com/kendo-vue-ui-develop/components/vscode-extension)

## Additional Resources

* [Vue Blogs](https://www.telerik.com/blogs/tag/kendo-ui-for-vue)
* [Kendo UI for Vue Roadmap](https://www.telerik.com/support/whats-new/kendo-vue-ui/roadmap)
