Back to Home Back to Post

ToasterJS: Non-blocking Toast Notification Examples

A tiny jQuery plugin for creating toast-like notifications that disappear after a period of time set by the user.

Getting started

To generate a basic toast, i.e upon clicking a button, call a $.toast function


If you'd like to have the toasts to not fade away, disable the hideAfter property


Changing the position of the toasts is done by setting the position property to one of the available position classes:

  • bottom-left
  • bottom-right
  • top-left
  • top-right


Enable or disable stacking of toast elements

Embed HTML

You can even change the contents of the toast element to have other HTML elements