Skip to main content
161

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
ActionsReact Native

Menu

Present a native anchored action menu with shared item-state semantics.

Public APILumenMenuReact Native

Native example

Use Menu

Use for a short set of contextual actions. Keep labels unique and concise, and do not hide a screen's only primary action inside a menu.

View verified React Native runtime capture
Menu rendered in the Expo web renderer Lumen playground
Verified runtime captureExpo web renderer
tsx
<LumenMenu
  accessibilityLabel="More actions"
  trigger={<MoreIcon />}
  items={actions}
/>

Reference

Public API

The primary shared and platform-specific options exposed by LumenMenu.

APIValues or typeDefaultDescription
itemsNative Lumen menu item collectionRequiredProvides labeled actions and states.
Internal trigger stateNative ModalCollapsedControls or reports native menu presentation.
disabledBooleanfalseKeeps an unavailable item readable but inactive.
destructive / roleDestructive action rolefalse / nilMarks a destructive action semantically and visually.

Native behavior

Design and accessibility

When to use it

Use for a short set of contextual actions. Keep labels unique and concise, and do not hide a screen's only primary action inside a menu.

Accessibility

The trigger exposes expanded state and each native menu action reports its label, disabled state, and destructive role.

Shared component

Available on other platforms

Apple / SwiftUIAndroid / Compose
React Native docsNative primitives