We will be updating this content to our new principle-based format in the near future.
A menu that appears upon user interaction, such as right-click mouse operation.
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.
Container. Wraps the entire component.
Menu Item. A single menu action.
3Sizing & 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.
4Hierarchy & 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.