The Toast or Snackbar component is useful for displaying dismissable information or simple actions at (normally) the bottom of the page.
This component does not block user input, allowing the app to continue its flow. Furthermore, it can be automatically hidden after a timeout.
| Name | Type | Description |
|---|---|---|
| visible | bool | Indicates whether the toast open and shown. Optional. |
| isOpen | bool |
DEPRECATED! Use visible instead.
Optional.
|
| animation | string |
Animation name. Available animations are "default", "ascend" (Android), "lift" (iOS), "fall", "fade" or "none".
Optional.
|
| modifier | string | The appearance of the toast. 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 toast is displayed. Optional. |
| onPostShow | func | Called just after the toast is displayed. Optional. |
| onPreHide | func | Called just before the toast is hidden. Optional. |
| onPostHide | func | Called just after the toast is hidden. Optional. |
| onDeviceBackButton | func | Custom handler for device back button. Optional. |
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.