Skip to content

@capgo/capacitor-pretty-toast

Native styled toasts with loading and promise helpers.

Use toast.success() and toast.loading() instead of blocking alerts for lightweight feedback.

PlatformSupportNotes
iOSYesNative surface
AndroidYesMaterial style
WebYesDOM fallback
Animated Pretty Toast demo on an external device
Toast notification flow
  • toast.show - Shows a custom toast from a full config object.
  • toast.success, toast.error, toast.info, toast.warning - Shows common semantic toasts with a title and optional config.
  • toast.loading - Shows a persistent loading toast.
  • toast.update - Updates an existing toast in place.
  • toast.promise - Tracks a promise with loading, success, and error states.
  • toast.dismiss and toast.dismissAll - Removes one toast or clears the queue.
MethodDescription
toast.show(config, options?)Shows a toast using the full ToastConfig.
toast.success(title, config?, options?)Shows a success toast.
toast.error(title, config?, options?)Shows an error toast.
toast.info(title, config?, options?)Shows an informational toast.
toast.warning(title, config?, options?)Shows a warning toast.
toast.loading(title, config?, options?)Shows a loading toast that does not auto-dismiss by default.
toast.update(id, partial)Updates an existing toast.
toast.promise(promise, messages)Shows loading state, then updates for success or error.
toast.dismiss(id?)Dismisses one toast or the active toast.
toast.dismissAll()Dismisses all visible and queued toasts.

This reference is synced from src/definitions.ts in capacitor-pretty-toast.

Keep going from @capgo/capacitor-pretty-toast

Section titled “Keep going from @capgo/capacitor-pretty-toast”

If you are using @capgo/capacitor-pretty-toast to plan native plugin work, connect it with Capgo Plugin Directory for the product workflow in Capgo Plugin Directory, Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, Adding or Updating Plugins for the implementation detail in Adding or Updating Plugins, Ionic Enterprise Plugin Alternatives for the product workflow in Ionic Enterprise Plugin Alternatives, and Capgo Native Builds for the product workflow in Capgo Native Builds.