Toast V02
Template Details
Author: Colorlib
Released: September 2026
License: CC BY 3.0
Description
A shared-drive file list where deleting a file shows a dark snackbar at the bottom centre of the screen. Pressing Undo puts the file back in its original position and briefly highlights it. Only one snackbar shows at a time, so a new deletion replaces the previous message.
It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 191 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.
- Undo restores the item at its original index
- One snackbar at a time, Material style
- Focus moves to the neighbouring item after a delete and back to the restored item after Undo
- Auto-dismiss pauses on hover and focus, Esc closes
- Empty state and live file count
Similar Templates
