Components · Mobile only · Overlays
Context Menu
AlphaiOS & Android
Long-press menu with the actions also exposed as accessibility actions.
Usage
@nexub/react-nativeWeb: ContextMenu
import { ContextMenu } from '@nexub/react-native';
<ContextMenu actions={actions}><ListItem title="Amazon" value="−S$42.50" /></ContextMenu>Interactive preview of @nexub/react-native rendered for the web. Native chrome (switches, pickers, Liquid Glass) looks like the platform on a device.
On device
iPhone (iOS simulator)
Pixel (Android emulator)
Screenshots from the latest CI run of the showcase app; the live frame renders the same code for the web.
ContextMenu props
| Prop | Type | Default | Description |
|---|---|---|---|
| actionsrequired | SheetAction[] | — | — |
| title | string | — | — |
| childrenrequired | React.ReactNode | — | — |
| onPress | () => void | — | Tap action of the wrapped content (long-press opens the menu). |
| accessibilityLabel | string | — | — |
| style | StyleProp<ViewStyle> | — | — |