jToast

A modern & easy-going jQuery Plugin to create Toasts.

Let's go!

Just add the following tag to the end of your page

<script src="https://cdn.jsdelivr.net/gh/l2ig/jToast@master/jToast.min.js"></script>

Delivered by jsdeliver.

Customization options

• Text
• Duration
• Background
• Color
• Border radius
• Close icon
• Progress bar

Usage & default values

showToast(text, {
  duration: 3000,
  background: '#232323',
  color: '#fff',
  borderRadius: '0px',
  close: false,
  progressBar: false
});

hideToast(toastID); // toastID gets returned from the showToast function

An example

showToast('Thanks for signing up!', {
  duration: 5000,
  background: '#20b2aa',
  borderRadius: '25px',
  close: true
});