Notice is a native JavaScript library for creating different types of toast notifications with configurable close buttons and intervals.

toast notification example, toast notification javascript, toast notification react native

How to make use of it:

1. Install and import the notification into your project.

# NPM
$ npm install @firstandthird/notice --save

import Notice form 'notice';

2. Create a basic toast notification.

Notice('Default Notification');

3. Override the default level (notification type).

Notice('Notification Message',{
  level: 'info' // 'default', 'info', 'success', 'warning', 'error'
});

4. Set the duration in milliseconds.

Notice('Notification Message',{
  level: 'info',
  timeout: 5000
});

5. Whether or not the close button will be shown on hover.

Notice('Notification Message',{
  level: 'info',
  showClose: true
});

6. Select the container to which the notification message should be appended.

Notice('Notification Message',{
  level: 'info',
  container: document.body
});

toast-style non-blocking notification, notice Plugin/Github

See Demo And Download

Official Website(firstandthird): Click Here

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