SnackBar

Snackbars contain a single line of text directly related to the operation performed. They may contain a text action, or icons. They provide brief messages about app processes at the bottom of the screen.

SnackBar Types

SnackBars are available in 3 variants, baseline snackbar, leading snackbar, and stacked snackbar. To use this snackbar in your code, just include classname .snackbar. And also as per the requirement you can also add the following classnames .snackbar-baseline, .snackbar-leading, .snackbar-stacked and .snackbar-stacked-btns. You can copy the HTML code from below code snippet. Below is the Live Demo. The snackbar will disappear after 3 seconds. Before that, you can close it by using the close button. Also, refer the Javascript code for any customization.

Can't send photo. Retry in 5 seconds.

Your photo has been archived.

This item already has the label "travel". You can add a new label.

                    HTML
                    
                    JavaScript