background

Kendo UI for Angular

Angular Menu

  • Build great navigation with a comprehensive menu control—includes sub-menus, data binding, templates and more.
  • Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Menu
  • Full-featured Navigation Menu for Angular Applications

    The Kendo UI for Angular Menu component is a flexible navigation element that enables you to display a main menu along with sub-menus to organize various menu items. With support for data binding, integrated routing options and the ability to define custom templates, the Angular Menu is extremely versatile and can be used to contain and structure even the larges menus into a logical and intuitive site navigation.

    See Angular Menu Overview demo.

    Kendo UI for Angular Menu - Overview
  • To build the Kendo UI for Angular Menu, you can define each item or bind a data source to the component. Each menu item comes with several configuration options for adding text, icons, setting styles or customizing it with an Angular template.

    See Angular Menu Items demo.

    Kendo UI for Angular Menu - Items
  • Vertical Menu

    By default, the Kendo UI for Angular Menu is rendered in a horizontal fashion. Through a single property, the Angular Menu can be rendered in vertically, allowing the component to be used in both top navigation and side navigation scenarios.

    See Angular Menu Vertical Menu demo.

    Kendo UI for Angular Menu - Vertical Menu
  • Templates

    Every menu item within the Kendo UI for Angular Menu can be customized by utilizing a standard Angular template.

    See Angular Menu Templates demo.

    Kendo UI for Angular Menu - Templates
  • Routing

    Since the Kendo UI for Angular Menu can be used for navigating between different Angular components, it naturally offers the ability to work with Angular routing. With this integration, every menu item has configuration options to assist with implementing Angular routing.

    See Angular Menu Routing demo.

  • Keyboard Navigation

    The Kendo UI for Angular Menu has built-in keyboard shortcuts to help navigate between the items and their child items.

    See Angular Menu Keyboard Navigation demo.

  • Accessibility

    The Kendo UI for Angular Menu is fully compliant with WCAG 2.0, AAA rated and supports WAI-ARIA and Section 508 accessibility standards.

    See Angular Menu Accessibility demo.

    Accessibility

All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka