capacitor-action-sheet-better v0.7.2

capacitor-action-sheet-better

The Action Sheet API provides access to native Action Sheets, which come up from the bottom of the screen and display actions a user can take.

Install

npm install capacitor-action-sheet-better
npx cap sync

Variables

This plugin will use the following project variables (defined in your app's variables.gradle file):

• $androidxMaterialVersion: version of com.google.android.material:material (default: 1.6.1)

PWA Notes

PWA Elements are required for Action Sheet plugin to work.

Example

import { ActionSheet, cancel, ActionSheetButtonStyle } from 'capacitor-action-sheet-better';

const showActions = async () => {
  const result = await ActionSheet.showActions({
    title: 'Photo Options',
    message: 'Select an option to perform',
    options: [
      {
        title: 'Upload',
      },
      {
        title: 'Share',
      },
      {
        title: 'Remove',
        style: ActionSheetButtonStyle.Destructive,
      },
    ],
  });

  console.log('Action Sheet result:', result);
};

const cancelAS = async () => {
  cancel()
}

API

• showActions(...)
• cancel()
• Interfaces
• Enums

showActions(...)

showActions(options: ShowActionsOptions) => any

Show an Action Sheet style modal with various options for the user to select.

Returns: any

Since: 1.0.0

cancel()

cancel() => any

Returns: any

Interfaces

ShowActionsOptions

ActionSheetButton

ShowActionsResult

Enums

ActionSheetButtonStyle