Angular Context Menu Component | Angular Material Menu

Overview

The Angular Context Menu or right-click menu is a graphical user interface component that is easy to use and appears when the user right-clicks or performs a touch and hold action. The list of items in the context menu can be defined, multilevel menus created, and event handlers attached to the menu items for seamless integration with other components.

Multi-level nesting

Multi-level nested items are supported in context menu. You can browse the sub menu by mouse hover/click in menu items. The appearance of context menu varies for desktop and mobile. In Mobile, users can view Multilevel nested items in single layer with provision to backtrack parent item.

You can include icons or sprite images in menu items easily to add the visual representation of the action in context menu.

Templates is used to create custom user experience. You can create custom Context Menu by using template for each element of Context menu.

Integration with other components

Context menu can be used with any component. Adding a context menu to other components require simple configurations.

Other frameworks

Context Menu component is available in Blazor, React, and Vue, built from TypeScript libraries.

Themes

Angular Context Menu component supports built-in themes such as material, bootstrap, fabric (Office 365), and high contrast. Users can customize any one of these built-in themes or create new themes with ease to achieve their own desired look and feel either by simply overriding SASS variables or using our Theme Studio application.

Theme studio Application

Web Accessibility

Fully supports WAI-ARIA for working with screen readers and assistive devices.
Follows WAI-ARIA best practices for implementing keyboard interaction.
Based on WCAG 2.0 standards, we designed the UI element visuals such as foreground color, background color, line spacing, text, and images.
Supports right-to-left (RTL) text direction for users working in right-to-left languages like Hebrew, Arabic, or Persian.

What do our customers say about us?

Using Syncfusion Angular and JavaScript controls makes front-end web development a piece of cake. Each component has many properties that can be configured as per your desire, methods that can be used to interact with the element, and a lot of events that trigger at different stages, which makes modifying your components according to the state of the application an easy task. Also, their support is amazing! They always offer a sample working project, which makes it very simple to solve your question about your code.

Carlos Rodriguez Garcia

Vistatec

We started using Syncfusion Angular controls for the Scheduler to offer our providers a way to schedule their availability and automate our administrative process to show availability and gaps in schedules. This helped us provide the best user experience and deliver care to our patients in a timely manner.