Context Menu

A menu that appears upon user interaction, such as right-click mouse operation.

Overview

A menu that appears upon user interaction, such as right-click mouse operation.

Usage

The Context Menu provides a way to add additional functionality to a component or application. You should only use the Context Menu for supplementary actions, as it is hidden by default.

Anatomy

  1. Container. Wraps the entire component.
  2. Menu Item. A single menu action.

Sizing & Spacing

The Context Menu is of a fixed width, so you should keep your menu item names short. We recommend using iconography to supplement a menu item.

Hierarchy & Placement

The Context Menu can be triggered anywhere in your application. Ensure the actions in the menu apply to the object or component that has triggered it. Only one Context Menu should be visible at any time.