Components · Mobile only · Overlays
Action Sheet
AlphaiOS & Android
A list of actions from the bottom: the system sheet on iOS, a Nexub sheet on Android.
Usage
@nexub/react-nativeWeb: DropdownMenu
import { ActionSheet } from '@nexub/react-native';
<ActionSheet open={open} onOpenChange={setOpen} title="Photo" actions={[{ label: 'Take photo', onPress: shoot }, { label: 'Remove', destructive: true, onPress: remove }]} />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.
ActionSheet props
| Prop | Type | Default | Description |
|---|---|---|---|
| openrequired | boolean | — | — |
| onOpenChangerequired | (open: boolean) => void | — | — |
| title | string | — | — |
| message | string | — | — |
| actionsrequired | SheetAction[] | — | — |