Design system: Toast / Notification component

[joelpeace48-cell]

Epic: Design System

Summary

Build an accessible, themeable Toast / Notification component in the shared design system.

Background & Problem

Toasts give consistent async feedback. A consistent, tested component library speeds feature work and keeps UX coherent across the app.

Acceptance Criteria

• Success/error/info variants.
• Auto-dismiss + stacking.
• Storybook story + visual snapshot added.
• Keyboard + screen-reader accessible.

---

Filed as part of the mainnet-readiness & world-class roadmap. Scope is intentionally small enough for one focused PR; comment to claim.

[IamOluwatoyin]

@IamOluwatoyin has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I'd like to work on this issue.

I'll build a reusable, accessible, and themeable Toast/Notification component for the shared design system with success, error, and info variants, support for auto-dismiss and stacked notifications, and full keyboard and screen-reader accessibility. I'll also add Storybook stories with visual snapshots, write the necessary tests, and ensure the component integrates cleanly with the existing design system. Please assign this issue to me.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @IamOluwatoyin to this issue.

[NnamdiCyber]

@NnamdiCyber has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

I'd like to work on this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @NnamdiCyber to this issue.

[Loisyy]

@Loisyy has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hi maintainer, I can handle this issue effectively, kindly assign it to me.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Loisyy to this issue.

[bbkenny]

@bbkenny has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

Hi maintainer, I'm a frontend engineer who strongly believes in robust user feedback architectures. I noticed the issue regarding implementing a toast notification system. I've built scalable notification contexts ensuring accessibility and clean code. I will create a centralized toast provider with a simple API for triggering success and error states across the app. Ready to dive in once assigned!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @bbkenny to this issue.

[drips-wave]

Congratulations, @bbkenny! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on July 30, 2026.

🧑‍💻 @bbkenny: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊