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