has been released! Read the upgrade guide

Context Menu

The documentation on this page is considered legacy.

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.


  1. Container. Wraps the entire component.

  2. 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.

The MOD.UK Design System provides guidance and tools for building high–quality Services within the UK Ministry of Defence. This project is open source and its source code is available on GitHub.

All content is available under the Apache 2.0 licence, except where otherwise stated.

© Crown copyright