mdb-ui-kit/docs/4.0/material-design/snackbars.md

layout	title	group
docs	Snackbars	material-design

Snackbars and toasts can be created using the SnackbarJS plugin developed by us.

Contents

• Will be replaced with the ToC, excluding the "Contents" header {:toc}

Include in the page

In order to make snackbars work, make sure to include snackbar.min.js before bootstrap-material-design.min.js.

{% highlight html %}

{% endhighlight %}

{% callout info %} Heads up! You don't need to include SnackbarJS CSS, it's already bundled in Material Design for Bootstrap. {% endcallout %}

Examples

Click on the buttons below to spawn snackbars and toasts:

Snackbar

{% example html %} Snackbar {% endexample %}

Toast

{% example html %} Toast {% endexample %}

Usage

The complete documentation of SnackbarJS is available visiting its official GitHub repository.