Non-blocking Toast Notification Library – Tostada

Category: Javascript , Notification | January 22, 2019
Author: UnJavaScripter
Views Total: 379
Official Page: Go to website
Last Update: January 22, 2019
License: MIT

Preview:

Non-blocking Toast Notification Library – Tostada

Description:

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:

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

You Might Be Interested In:


Leave a Reply