Snackbars provide brief feedback about an operation through a message at the bottom of the screen. toasts are intended to be non-intrusive and brief. A user must be able to read and comprehend a toast message in 4 seconds before the toast automatically closes itself. There are two types the first one is the basic with hiding seconds and the second one is a loading toast that has a loading circle once it is finished the toast will be automatically closed itself.
⦿ Basic toast: It’s a toast with hiding seconds after 4s it will be displayed with a cool slide animation Effect, There are four types of toast notifications.
⦿ Loading Toast: It’s a toast Toast with a Loading Animation circle after 4s it will be completed and disappeared with a cool slide animation Effect, There are four types of toast notifications.
● Pure CSS and CSS3
● No images (except icons)
● 8 different boxes
● it’s very easy to set up and change the color and icon of the box with one class!
● Documentation for guidance
● Easy to Implement and Customize
NB: we used Bootstrap Icons.