🍞 Toastrr - Lightweight and Customizable Toast Notifications

Toastrr is a cool looking, lightweight and customizable toast notification library for JavaScript applications. It provides an easy way to display non-intrusive messages to users, improving the user experience.

🚀 Features

• 🔥 Easy to integrate
• 🎭 Supports multiple toast types (success, error, warning, info. promises)
• ⏳ Auto-dismiss with configurable timeout
• 📌 Supports sticky (non-dismissible) notifications
• 🏗 Lightweight and dependency-free
• 😜 Written in Typescript

📦 Installation

You can install Toastify using npm or yarn:

npm install toastrr

or

yarn add toastrr

🛠 Usage

Import Toaster Component and add it in your App.js file:

import Toaster from 'toastrr';

function App () {
  return (
    <div>
        <Toaster/>
        <Button/>
    </div>
  )
}

Now you can import the Toast object and use it anywhere in the application to pop up a cool toast

import toast from 'toastrr';

function Button() {
  return(
    <div>
        <button onClick = { () => toast.success('Hello, World!') }>
            Raise a toast
        </button>
    </div>
  )
}

## 🎨 Customization

You can customize your toast by passing various options:

```js
Toaster({
  duration: 5000,
  closeButton: true,
  position: "top-left",
  theme: "dark",
})

📌 Toast Available Options

| Option | Type | Default | Description | |-----------------|--------------------|--------- |-------------| | message | string | '' | Toast message | | duration | number or string | 3000 | Time in milliseconds before auto-dismiss for persistent toast use infinite | | closeButton | boolean | true | Show close button | | position | string | 'top-right' | Toast Alignment (top-left, bottom-left, top-center, bottom-center, bottom-right, or top-right) | | theme | string | 'light' | Theme of the toast ( light, dark ) |

📜 License

This project is licensed under the MIT License.

Made with ❤️ by Atul Goyal