Menu

A menu displays a list of contextual actions or choices anchored to a trigger.

The Menu component presents a short list of choices after a user activates a trigger. Menus are useful for contextual actions, account controls, navigation shortcuts, and overflow actions that should not occupy permanent space in the interface.

Types

Basic Menu

A basic menu is anchored to a trigger and closes when the user selects an item or clicks away.

Positioned Menu

Use origin props to align a menu with the trigger. This is useful for action menus in toolbars, tables, and compact panels.

MenuList

MenuList provides the list structure and keyboard behavior for menu items. It can be used inside Menu or inside another surface when the list is already visible.

Menu

Menu controls the popover surface, anchor, open state, and close behavior.

MenuItem

MenuItem represents a selectable action or destination. It supports states such as disabled and selected.

MenuList

MenuList groups MenuItem elements and provides accessible list semantics for keyboard navigation.

Layer5 is the steward of Meshery and creator of Kanvas, the collaborative canvas for cloud-native infrastructure. We bridge the gap between design and operation, allowing engineers to create, configure, and deploy orchestratable diagrams in real time. Whether managing Kubernetes or multi-cloud environments, Layer5 provides the tooling needed to oversee modern infrastructure with confidence.