Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@capacitor/action-sheet

Package Overview
Dependencies
Maintainers
8
Versions
671
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@capacitor/action-sheet

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.

  • 6.0.3
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
7.7K
increased by10.6%
Maintainers
8
Weekly downloads
 
Created
Source

@capacitor/action-sheet

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
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.10.0)

PWA Notes

PWA Elements are required for Action Sheet plugin to work.

Example

import { ActionSheet, ActionSheetButtonStyle } from '@capacitor/action-sheet';

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);
};

API

showActions(...)

showActions(options: ShowActionsOptions) => Promise<ShowActionsResult>

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

ParamType
optionsShowActionsOptions

Returns: Promise<ShowActionsResult>

Since: 1.0.0


Interfaces

ShowActionsResult
PropTypeDescriptionSince
indexnumberThe index of the clicked option (Zero-based)1.0.0
ShowActionsOptions
PropTypeDescriptionSince
titlestringThe title of the Action Sheet.1.0.0
messagestringA message to show under the title. This option is only supported on iOS.1.0.0
optionsActionSheetButton[]Options the user can choose from.1.0.0
ActionSheetButton
PropTypeDescriptionSince
titlestringThe title of the option1.0.0
styleActionSheetButtonStyleThe style of the option This option is only supported on iOS.1.0.0
iconstringIcon for the option (ionicon naming convention) This option is only supported on Web.1.0.0

Enums

ActionSheetButtonStyle
MembersValueDescriptionSince
Default'DEFAULT'Default style of the option.1.0.0
Destructive'DESTRUCTIVE'Style to use on destructive options.1.0.0
Cancel'CANCEL'Style to use on the option that cancels the Action Sheet. If used, should be on the latest availabe option.1.0.0

Keywords

FAQs

Package last updated on 19 Nov 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc