Action/bottom sheet that is displayed on top of current screen. The action sheet is useful for displaying a list of options and asking the user to make a decision. An ActionSheetButton component is provided for this purpose, although it can contain any type of content. It will automatically be displayed as Material Design (bottom sheet) when running on an Android device.
| Name | Type | Description |
|---|---|---|
| title | string | Optional title of the action sheet. A new element will be created containing this string. Optional. |
| onDialogCancel | func | Called only if cancelable is true. It will be called after tapping the background or by pressing the back button on Android devices. Optional. |
| visible | bool | Indicates whether the dialog is open and shown. Optional. |
| cancelable | bool |
Specifies whether the dialog is cancelable or not. A cancelable dialog will call onCancel when tapping the background or or pressing the back button on Android devices Optional. |
| disabled | bool | Specifies whether the dialog is disabled. Optional. |
| onCancel | func |
DEPRECATED! Use onDialogCancel instead.
Optional.
|
| isOpen | bool |
DEPRECATED! Use visible instead.
Optional.
|
| isCancelable | bool |
DEPRECATED! Use cancelable instead.
Optional.
|
| isDisabled | bool |
DEPRECATED! Use disabled instead.
Optional.
|
| animation | string |
The animation used when showing and hiding the dialog. Can be either "none" or "default".
Optional.
|
| modifier | string | The appearance of the dialog. Optional. |
| maskColor | string | Color of the background mask. Default is “rgba(0, 0, 0, 0.2)” Optional. |
| animationOptions | object |
Specify the animation’s duration, delay and timing. E.g. {duration: 0.2, delay: 0.4, timing: 'ease-in'}.
Optional.
|
| onPreShow | func | Called just before the action sheet is displayed. Optional. |
| onPostShow | func | Called just after the action sheet is displayed. Optional. |
| onPreHide | func | Called just before the action sheet is hidden. Optional. |
| onPostHide | func | Called just after the action sheet is hidden. Optional. |
| onDeviceBackButton | func | Custom handler for device back button. Optional. |
| Name | Description |
|---|---|
| material | Display a Material Design bottom sheet. |
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.