Toast
You might say
Show a little 'Saved' message in the corner that disappears after a couple of seconds.
Briefly confirm a small action that just finishedA toast is useful for lightweight feedback such as Saved, Copied, or Added. It normally disappears after a few seconds. Do not use it as the only place for an important error, an action the user must take, or information they may need later.
Anatomy
Saved
A brief message that appears near the edge of the interface
Use icons or text to help identify results
Keep it short and directly describe the results of the operation
Variants
Success
Saved
The operation is successful and does not require the user to continue processing.
Error
Network error. Please try again.
Use an error toast for a minor failure that only requires a retry.
Info
Copied to clipboard
Status confirmation without success or failure tendency
Typical use cases
Saved
Saved
Copied
Link copied to clipboard
This file can be viewed by anyone with the link
Added to favorites
Network error. Please try again later.
Setting updated
3 files moved
☑ 📄 Home page revision.fig
☑ 📄 Design specifications.md
☐ 📄 Release list.md
Further reading