Component that represent each button of the action sheet.
Onsen UI provides <v-ons-action-sheet> and <v-ons-action-sheet-button> elements. Use them to create a dialog that slides from the bottom of the screen to give user options.
You can display or cancel the action sheet by changing its visible prop value to true or false respectively. v-model:visible can also be used.
You can also create and open an action sheet dynamically with the method $ons.openActionSheet.
This method takes as argument an object where you can define the action sheet’s properties (e.g. id, title) and the buttons inside it.
| Name | Type | Description |
|---|---|---|
| icon | String |
Creates an ons-icon component with this string. Only visible on Android. Check See also section for more information.
Optional.
|
| modifier | String | The appearance of the action sheet button. Optional. |
| Name | Description |
|---|---|
| destructive | Shows a “destructive” button (only for iOS). |
| material | Display a Material Design action sheet button. |
If you have any questions, use our Community Forum or talk to us on Discord chat. The Onsen UI team and your peers in the community will work together to help solve your issues.
For bug reports and feature requests use our GitHub Issues page.