Toast (notification)

A small message that pops up briefly at the bottom or in a corner of the screen and disappears on its own.

Also called: toast, snackbar, notification, popup notification, pop-up notification, message in the corner, message at the bottom, disappearing message, saved, undo, undo action, bar at the bottom

What it is for

It reports the result of something that happened in the background, a success or a minor error, without asking you to close it or interrupting your work. It often includes an Undo button.

Where you see it

• Email clients — “Message sent” with an “Undo” button
• Admin interfaces — “Changes saved”, “Link copied”
• Apps — short system notices

What it is called in code

• role="status"
• Toast / Sonner
• snackbar

See also

• Alert banner — A colored strip on the page with an important message: information, success, a warning or an error.
• Modal window — A window that appears over the page. Until you close it, you can’t do anything else on the page.
• Loading indicators — Anything that shows the site is busy: a progress bar, a spinning icon, or gray placeholders where content will appear.