Author: | JacobTheEvans |
---|---|
Views Total: | 1,405 views |
Official Page: | Go to website |
Last Update: | February 13, 2019 |
License: | MIT |
Preview:

Description:
Yet another JavaScript library used to create Material Design style snackbars, toast messages, banner notifications on the web app.
Can use used as Vanilla JavaScript plugin or React component.
How to use it (Vanilla):
Download and import the vanilla-material-notifications.js library into the document.
<script src="./script.js" type="text/javascript"></script>
Create material snackbars with various types:
snackbar({ type: 'plain', position: 'bottomRight', message: 'Hello this is a plain message', timeout: 3000 }) snackbar({ type: 'info', position: 'bottomLeft', message: 'Hello this is an info message', timeout: 3500 }) snackbar({ type: 'warning', position: 'bottomLeft', message: 'Hello this is a very very long error message. With extra text', timeout: 2000 }) snackbar({ type: 'alert', position: 'bottomLeft', message: 'Hello this is an alert message', timeout: 2000 })