Action Sheet Vue Component

    Action Sheet is a slide-up pane for presenting the user with a set of alternatives for how to proceed with a given task. You can also use action sheets to prompt the user to confirm a potentially dangerous action. The action sheet contains an optional title and one or more buttons, each of which corresponds to an action to take.

    There are following components included:

    • f7-actions-group - action sheet buttons group
    • f7-actions-button - action sheet button
    • - action sheet label

    Action Sheet Properties

    Action Sheet Events

    • by passing true or to its opened prop

    Access To Action Sheet Instance

    You can access Action Sheet initialized instance by accessing .f7Actions component’s property.