Toast V06

Author: Colorlib

Released: September 2026

License: CC BY 3.0

A deep teal invitation toast for board and meeting invites, with the sender's photo, a small type badge, the invite details and two clear answer buttons. Choosing Accept or Decline replaces the buttons with a short confirmation, which closes by itself after three seconds. Invites never time out, because they wait for an answer.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 173 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

• Accept and Decline update the toast in place, then dismiss it
• Unanswered invites stay until closed, so nobody misses one
• Confirmation timer pauses on hover and focus
• Focus returns to the trigger once the buttons are gone
• Radial gradient card with a solid colour fallback