Dive into the world of the Angular Menu Bar with a spotlight on these five standout features

· Markers · Data labels · Bubbles  · Navigation Lines · Legends · Tooltip · Zooming and panning

· Data Binding · Templates · Menu Item Icons · Multilevel Nesting · Themes · Accessibility

Dive into the world of the Angular Menu Bar with a spotlight on these standout features

Data Binding

A JavaScript object array collection can be used to bind the Menu Bar to data. Self-referential and hierarchical data structures are supported.


Use templates to create a custom user experience. To customize the entire Menu Bar UI, the control offers a template for each menu item.

Menu Item Icons

Users perceive visual information better than textual information. To provide a visual representation of the actions, easily add icons or sprite images to the menu items.

Multilevel Nesting

Menu items can be nested on multiple levels. By hovering over or clicking a parent item, you can navigate the submenu.


Users can easily customize any pre-installed themes or create new themes to achieve their desired look and feel. They can simply override the SASS variables or use our Theme Studio application.


Menu Bar fully supports WAI-ARIA for working with screen readers and assistive devices and adheres to WAI-ARIA best practices for implementing keyboard interaction. We designed the UI element visuals such as foreground color and so on based on WCAG 2.0 standards.

Syncfusion Angular Menu Bar

The Angular Menu Bar is a graphic user interface element that acts as the header navigation for your website or web application. Horizontal and vertical menus, data binding, templates, icons, and multilevel nesting are all supported.

No credit card required.