🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

jToast.js is a really small and CSS-less jQuery toaster plugin which lets you create Android-style toast messages sliding out from the right side of the screen.

Notification toast-message

Documentation

forthebadge
shields.io shields.io

jToast

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

Imgur

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

You May Also Like