Press "Enter" to skip to content

Pure Javascript Toast Notifications Message Library | Buzz Notify

Buzz Notify is a small JavaScript notification library for creating different types of Material Design-inspired bread (“success”, “risk”, “warning”) with a single JS call.

toast notification javascript, javascript toast message example, pure javascript toast message, toast notification jquery, toast javascript library, toast notification example

How to make use of it:

1. Download the library and insert the main index.js file of the script into the document.

<!-- From Local -->
<script src="index.js"></script>
<!-- Or From A CDN -->
<script src="https://cdn.jsdelivr.net/npm/@reliutg/buzz-notify/index.min.js"></script>

2. Create a placeholder for a toast message.

<div id="notify"></div>

3. Display a basic toast message on the screen.

Notify({
  title: 'Toast Message'
});

4. Add more content (HTML) to a toast notice.

Notify({
  title: 'Toast Message',
  html: '<b>More Content</b>'
});

5. Change the default notification type.

Notify({
  title: 'Toast Message',
  type: 'danger'
});
Notify({
  title: 'Toast Message',
  type: 'warning'
});

6. Specify the timeout in milliseconds. Default: 2000 ms. If the duration is a negative number, the notification will not be removed.

Notify({
  title: 'Toast Message',
  duration: 5000
});

7. Change the position of the toast message.

Notify({
  title: 'Toast Message',
  position: 'top center'
});

8. Execute the callback function when the toast message is rejected.

Notify({
  title: 'Toast Message',
  type: 'warning'
}, function(){
  // do something
});

Material Style Toasts In JavaScript, Notify Plugin/Github, jquery toast message


See Demo And Download

Official Website(eliutgon): Click Here

This superior jQuery/javascript plugin is developed by eliutgon. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.