JavaScript & CSS Snackbar

Create Google Android and Material Design styled snackbar notification messages with vanilla JavaScript and/or pure CSS.

View more: Material Design Toast Notification Libraries

Creating Material Design Style Snackbars with JavaScript – SnackbarLight.js

Category: Javascript , Notification | December 31, 2015

SnackbarLight.js is a lightweight and standalone JavaScript library used for displaying Google Material Design inspired snackbars at the bottom of the screen. Basic usage: To get started, you need to include the stylesheet snackbarlight.css and JavaScript file snackbarlight.js in your html page. <link href=”dist/snackbarlight.css” rel=”stylesheet”> <script src=”dist/snackbarlight.js”></script> Create a new snackbar on your screen. new Snackbar(“Hello World”);… Read More »