Kendo UI for Angular
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.
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.
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.
Every menu item within the Kendo UI for Angular Menu can be customized by utilizing a standard Angular template.
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.
The Kendo UI for Angular Menu has built-in keyboard shortcuts to help navigate between the items and their child items.
The Kendo UI for Angular Menu is fully compliant with WCAG 2.0, AAA rated and supports WAI-ARIA and Section 508 accessibility standards.