Skip to main content

Toast Notification

Introduction​

The Toast Notification plugin effortlessly enhances your mobile app’s user experience with beautiful, customizable toast notifications. It instantly informs, alerts, or engages users with style.

Features​

  • Easy Integration: Plug-and-play setup for any React Native project.
  • Customizable Themes: Switch between light and dark modes to match your app’s look.
  • Flexible Positioning: Display toasts at the top, bottom, left, right, or center of the screen.
  • Multiple Types: Choose from success, error, info, warning, loading or plain notifications.
  • Smooth Animations: Enjoy fade and slide-in effects for a polished feel.
  • Icon Support: Built-in icons for each toast type, including animated loading.

How to use​

  1. Drop Toast element on page (Must be visible)
  2. Customize accordingly through workflow action
  3. Use Finish action to conclude loading type

Element Fields​

  • Margin from Viewport: The margin from the viewport edges.
  • Top: The top margin value.
  • Bottom: The bottom margin value.
  • Left: The left margin value.
  • Right: The right margin value.

Actions​

  • Finish: Concludes the loading type toast.
  • Show: Displays the toast notification.

Editor | Preview