๐ŸŒž Solstice of Surprises: Toast Notifications are here!

Hey folks! :waving_hand:

As part of our Solstice of Surprises launches, weโ€™re excited to launch Toast Notifications! Now live for all developers building with the @canva/platform SDK!

What it does:

This feature allows your app to display lightweight toast messages in the Canva editor, ideal for notifying users of successful actions, errors, or important info without interrupting their flow, especially in scenarios with apps running tasks in the background!

Why it matters:

This unlocks seamless, non-intrusive communication inside your apps. Whether youโ€™re confirming a successful design update or alerting users to a retry, toast notifications make status updates clear and user-friendly and brings users back to your app after an action. Useful if app tasks run in the background and and need to inform users its done.

:wrench: How to Use It

Install the latest version of the @canva/platform SDK:

npm install @canva/platform@latest

Then leverage the new addToast method after running different workflows in your apps:

import { notification } from '@canva/platform';
import type { ToastRequest } from '@canva/platform';

const showToast = () => {
  const request: ToastRequest = {
    messageText: "Hello world!",
  };
  notification.addToast(request);
};

<Button onClick={() => showToast()}>Show Toast</Button>

Itโ€™s simple, fast, and requires minimal setup. You can even optionally pass in a duration to control how long the toast is visible.

Docs & details:

Weโ€™d love your thoughts:

  • Does this fit your current workflows?
  • Are there edge cases you think we should cover?
  • Anything thatโ€™s unclear or tricky to implement?

Drop us a reply or start a thread, weโ€™d love to hear how you use this to create even smoother app experiences inside Canva! :purple_heart:

Happy Solstice! :sun_with_face:

5 Likes