> Portal Navigation:
> 
> - Append `.md` to any URL under `https://dev.wix.com/docs/` to get its markdown version.
> - Pages are either content pages (article or reference text) or menu pages (a list of links to child pages).
> - To get a menu page, truncate any URL to a parent path and append `.md` (e.g. `https://dev.wix.com/docs/sdk.md`, `https://dev.wix.com/docs/sdk/core-modules.md`).
> - Top-level index of all portals: https://dev.wix.com/docs/llms.txt
> - Full concatenated docs: https://dev.wix.com/docs/llms-full.txt

# Method name: showActionSheet(actions: Array<ActionSheetActions>, headerOptions: HeaderOptions)

# Method package: wixMobile

# Method menu location: wixMobile --> AppFramework --> showActionSheet

# Method Link: https://dev.wix.com/docs/velo/apis/wix-mobile/app-framework/show-action-sheet.md

# Method Description:

Creates and opens a list of selectable actions on a mobile app.

![developer preview tag](https://user-images.githubusercontent.com/89579857/213133550-2b4fa3e8-e8fc-4513-a733-00abcc70925c.png)  

This method displays an action sheet to the app user. Action sheets are commonly used in app development to present a choice of actions for an app user to choose from. Typically, these actions are related to the current context.

 When an app user selects an action in the action sheet, `showActionSheet()` returns a promise that resolves to the action sheet's result.



# Method Code Examples:

*** Note: do not assume any prop names or enum values other than the ones in the example.

## Open an action sheet

```javascript
import { appFramework } from 'wix-mobile';
import { likePost } from "./postReactions"

const actions = [
  {
    key: 'call',
    type: appFramework.ActionSheetActionTypes.PROMINENT,
    title: 'Call Mark',
    subtitle: 'Get in touch by phone'
  },
  {
    key: 'like',
    type: appFramework.ActionSheetActionTypes.DEFAUlT,
    title: 'Like',
    subtitle: 'Let Mark know you like his post'
  },
  {
    key: 'block',
    type: appFramework.ActionSheetActionTypes.DESTRUCTIVE,
    title: 'Block',
    subtitle: 'Block Mark Levine permanently'
  }
];

const header = {
  title: 'Mark Levine',
  subtitle: 'Director of fun'
};

appFramework.showActionSheet(
  actions,
  header
)
.then((res) => {
  if (res.result === "actionSelected") {
    if (res.actionKey === "like") {
      likePost();
    }
  }
})
.error((error) => {
  console.error(error);
});
```

---