Mobile-friendly Popup Notification Library – minitoast

Category: Javascript , Notification | February 23, 2018
Views Total:1,204 views
Official Page:Go to website
Last Update:February 23, 2018


Mobile-friendly Popup Notification Library – minitoast


minitoast is a small, simple, standalone JS library to create toast-like and mobile-friendly popup notifications on the webpage.

How to use it:

Download the minitoast library.

$ npm install minitoast --save

Import the minitoast’s JavaScript and CSS files into the document.

<link rel="stylesheet" href="./css/minitoast.css">
<script src="./js/minitoast.js"></script>

Initialize the minitoast library and we’re ready to go.

let instance = new minitoast();

Create toast notifications with different styles.

instance.success('Success message');
instance.warning('Warning message');
instance.error('Error message');'Info message');
instance.default('Default message');

Set the timeout in milliseconds.

notif: {
  timeout: 5000

Default messages & colors for the popup.

msgs: {
  s: ['', 'Success', 'mt-success'],
  w: ['', 'Warning', 'mt-warning'],
  e: ['', 'Error', 'mt-error'],
  i: ['', 'Info', 'mt-info'],
  d: ['', 'Notification', 'mt-default']

You Might Be Interested In:

Leave a Reply