Toast - JavaScript

Introduction

Toast is a JavaScript library that simplifies the process of creating and showing toast notifications in your web application. Using Toast, you can easily create and display notifications to your users for events such as success messages, error messages, and warnings.

Features

• Lightweight and easy-to-use
• Supports time-based and click-based dismissals
• Fully customizable styles
• Callback functions for events such as onShown, onHidden, etc.
• Supports multiple toasts

Installation

You can install Toast using npm:

npm install toast-js --save

Usage

Include the Toast CSS and JavaScript files in your HTML file:

<link rel="stylesheet" href="path/to/toast.css">
<script src="path/to/toast.js"></script>

To create and display a toast notification, simply call the create() function:

Toast.create('Hello, world!');

You can also pass in additional options to configure the toast:

Toast.create('Hello, world!', {
  duration: 5000, // the duration to show the toast (ms)
  type: 'success', // the type of the toast (success, error, warning, info)
  position: 'top-right', // the position to show the toast (top-left, top-right, bottom-left, bottom-right)
  closeButton: true, // whether to show the close button
  callback: function() {
    // the callback function to call after the toast is shown
  }
});

Conclusion

Toast is a simple and easy-to-use JavaScript library that can help you create and show toast notifications in your web application. With its lightweight and customizable features, you can quickly add toast notifications to your application and enhance the user experience.