Hey folks! ![]()
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.
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:
notification.addToast API reference documentation
Toasts in apps design guidelines
canva-apps-sdk-starter-kit/examples/notification (pull the latest main branch from the starter kit, re-install deps and run npm start notification
)
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! ![]()
Happy Solstice! ![]()

