Skip to content

feat: add Floating Notification Toast Component (#1167)#1242

Merged
SAPTARSHI-coder merged 1 commit into
SAPTARSHI-coder:mainfrom
Pcmhacker-piro:feat/floating-toast-1167
Jun 4, 2026
Merged

feat: add Floating Notification Toast Component (#1167)#1242
SAPTARSHI-coder merged 1 commit into
SAPTARSHI-coder:mainfrom
Pcmhacker-piro:feat/floating-toast-1167

Conversation

@Pcmhacker-piro
Copy link
Copy Markdown

@Pcmhacker-piro Pcmhacker-piro commented Jun 4, 2026

Description

Adds a lightweight toast notification component with success, error, warning, and info variants. Each toast includes a colored icon, title, message text, and a dismiss button with staggered slide-in entrance animation.

Classes

Class Description
ease-toast Base toast container with slide-in animation
ease-toast-success / -error / -warning / -info Color-coded variants
ease-toast-icon Circular status icon slot
ease-toast-content Title and message wrapper
ease-toast-title Toast title text
ease-toast-msg Toast message text
ease-toast-close Dismiss button

Closes #1167

feat: add Floating Notification Toast Component (SAPTARSHI-coder#1167)
a2fb8ba 
Add lightweight toast notification component with success, error,
warning, and info variants. Includes status icon, title, message,
dismiss button, and staggered slide-in entrance animation.

Closes SAPTARSHI-coder#1167
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Jun 4, 2026

✅ Submission Validation Passed!

Great job! All required files are present.

📁 Folder: submissions/examples/floating-notification-toast

Files found:

  • ✅ demo.html
  • ✅ style.css
  • ✅ README.md

🚀 Next Steps:

  • The maintainer will review your PR
  • Respond to any feedback if requested
  • Once approved, your contribution will be merged!

Thank you for contributing to EaseMotion CSS! 🎉

@Pcmhacker-piro
Copy link
Copy Markdown
Author

Pcmhacker-piro commented Jun 4, 2026

heyy @SAPTARSHI-coder
i fixed the assigned issue so pls check this

@SAPTARSHI-coder SAPTARSHI-coder added accepted Contribution approved for integration into EaseMotion CSS animation Animation effects, hover interactions, motion ideas, transitions component New UI components (buttons, cards, modals, tooltips, badges) enhancement New feature or request good first issue Good for newcomers GSSoC-26 Official GSSoC 2026 issue gssoc:approved Approved for GSSoC contributions integrated Successfully merged and included in the framework level:intermediate Requires moderate project understanding type:feature New functionality or enhancement labels Jun 4, 2026
@SAPTARSHI-coder SAPTARSHI-coder merged commit a4a2068 into SAPTARSHI-coder:main Jun 4, 2026
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@SAPTARSHI-coder SAPTARSHI-coder Awaiting requested review from SAPTARSHI-coder SAPTARSHI-coder is a code owner

Assignees

@Pcmhacker-piro Pcmhacker-piro

@SAPTARSHI-coder SAPTARSHI-coder

Labels

accepted Contribution approved for integration into EaseMotion CSS animation Animation effects, hover interactions, motion ideas, transitions component New UI components (buttons, cards, modals, tooltips, badges) contribution enhancement New feature or request good first issue Good for newcomers gssoc:approved Approved for GSSoC contributions GSSoC-26 Official GSSoC 2026 issue integrated Successfully merged and included in the framework level:intermediate Requires moderate project understanding type:feature New functionality or enhancement

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[FEATURE] Add Floating Notification Toast Component

2 participants

@Pcmhacker-piro @SAPTARSHI-coder