Introduction

The complete documentation reference of the ToasterJS Library, a JavaScript library made for displaying non-blockable toaster notifications.

Install

The quickest way to implement ToasterJS is to use the hosted version on cdnjs

Getting started

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

hideAfter

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

Position

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

Stacking

Enable or disable stacking of toast elements

Embed HTML

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

Default properties

Change the default properties to your liking

Logo icon made by monkik from www.flaticon.com