How to make use of it:

1. Download the library and insert the primary script index.js into the doc.

<script src="index.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@reliutg/buzz-notify/index.min.js"></script>

2. Create a placeholder for the toast message.

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

3. Display a primary toast message on the display screen.

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

4. Add extra content material (HTML) to the toast notification.

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

5. Change the default notification sort.

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

6. Determine the timeout in milliseconds.

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

7. Change the place of the toast message.

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

8. Execute a callback function when the toast message is dismissed.

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

Material Style Toasts In JavaScript, Pure CSS Toast Notification, Pure Javascript Toast Message

See Demo And Download