minitoast is a simple JS library for creating toast-like, mobile-friendly popup notifications on a web page.

javascript toast message example, simple toast message in javascript, toast notification jquery, jquery toast message example, toast message animation

How to make use of it:

1. Download or install minitoast library.

# NPM
$ npm install minitoast --save

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

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

3. Initialize the minitoast library.

let instance = new minitoast();

4. Create toast notifications with different styles.

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

5. Set the timeout in milliseconds.

notif: {
  timeout: 5000
}

6. Messages and default colors for popups.

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

mobile-friendly popup notification, minitoast Plugin/Github

See Demo And Download

Official Website(jacojvv-dev): Click Here

This superior jQuery/javascript plugin is developed by jacojvv-dev. For extra advanced usage, please go to the official website.