Non-blocking Toast Notification Library – Tostada

The Tostada JavaScript library lets you create clean, stackable, non-blocking toast notification messages using pure JavaScript.

By default the toast notification will display at the bottom right of the webpage and auto dismisses after 1.95 seconds.

See also:

• Best Toast Notification JavaScript Libraries

How to use it:

Download and link to the JavaScript library tostada.js:

<script src="lib/tostada.js"></script>

Initialize the library and specify the position you want to place the toast notifications.

const t = new Tostada({
      position: 'bottom-right'
});

Show the notification message and specify the timeout in milliseconds.

t.show(YOUT MESSAGE HERE, {
  displayTime: 3000
});

Apply your own CSS styles to the notification message.

t.show(YOUT MESSAGE HERE, {
  style: {
    // CSS here
  }
});