Skip to main content

Pop Up Menu

A Pop Up Menu provides users with an ordered list of available actions for a interactable item, contained within a Pop Up container component.

Appearance and Behavior

While rules governing the Pop Up Menu appearance and behavior generally mirror that of the generic Pop Up component, the width of its container will automatically adjust based on the width of the text content, which may be comprised of anything from a single menu item to a list of multiple items (up to a limit of 25 items).

Rules of Thumb for Pop Up Menus

Examples

Do: Use ellipses to indicate when further action will be required for that item
Do: Use ellipses to indicate when further action will be required for that item
Don’t: Use long menu item names that cause the the text to wrap
Don’t: Use long menu item names that cause the the text to wrap