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.

Features

✨ Beautiful and easy to use 😊 Lightweight ❤️ Strongly typed

Must Read – Pure Javascript for Displaying Toast Notifications | toaster-box.js

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. 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
});

Read More – 

Create Toaster Notifications with a Few Lines of Code | ToasterJS
jQuery Widget To Show Android Like Toast Notification In Web App


See Demo And Download

Official Website(eliutgon): Click Here

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

Share