Press "Enter" to skip to content

jQuery Toast-style Notification Library | notice.js

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.

Be First to Comment

    Leave a Reply

    Your email address will not be published.