ToastNotificationJs 2.0.1 

dotnet add package ToastNotificationJs --version 2.0.1
                    


                    

                
NuGet\Install-Package ToastNotificationJs -Version 2.0.1
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package. 
<PackageReference Include="ToastNotificationJs" Version="2.0.1" />
For projects that support PackageReference, copy this XML node into the project file to reference the package. 
<PackageVersion Include="ToastNotificationJs" Version="2.0.1" />
                    


                            Directory.Packages.props
                        

                    

                
<PackageReference Include="ToastNotificationJs" />
                    


                            Project file
For projects that support Central Package Management (CPM), copy this XML node into the solution Directory.Packages.props file to version the package. 
paket add ToastNotificationJs --version 2.0.1
                    


                    

                
#r "nuget: ToastNotificationJs, 2.0.1"
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package. 
#addin nuget:?package=ToastNotificationJs&version=2.0.1
                    


                            Install as a Cake Addin
                        

                    

                
#tool nuget:?package=ToastNotificationJs&version=2.0.1
                    


                            Install as a Cake Tool

🍞 ToastNotification.js

A modern, customizable, and lightweight JavaScript Toast Notification System built with pure HTML5, CSS3, and vanilla JavaScript.

سیستم اعلان (Toast Notification) مدرن، قابل تنظیم و سبک با استفاده از HTML5 و CSS3 و جاوااسکریپت خالص.

✨ Features | ویژگی‌ها

  • ✅ Multiple toast types: success, error, warning, info
  • 🌍 Position support: top-left, top-right, bottom-center, etc.
  • 🎨 Custom icons, animations, and styles
  • 🕓 Auto-dismiss with optional duration
  • ❌ Dismiss manually with close button
  • 🔁 Queue system for stacking notifications
  • 🖱️ Clickable toasts with custom callbacks
  • 📜 RTL support for Persian/Arabic languages
  • ⚙️ Custom class injection
  • 🧪 Fully responsive and mobile-friendly
  • 🎬 Built-in animation options (slide, fade, bounce, etc.)

📦 Installation | نصب

You can simply include the files in your HTML project:

<link rel="stylesheet" href="ToastNotification.css">
<script src="ToastNotification.js"></script>

یا فایل‌ها را مستقیماً به پروژه HTML خود اضافه کنید:

<link rel="stylesheet" href="ToastNotification.css">
<script src="ToastNotification.js"></script>

🚀 Usage | نحوه استفاده

showToast("Data saved successfully!", "success", "Success", 3000, "top-right", "✅", true, true, "slide", false, "my-toast", () => {
    console.log("Toast clicked!");
});

🔧 Parameters | پارامترها

Parameter Type Description (EN) توضیحات (FA)
message string The main toast message پیام اصلی نوتیفیکیشن
color string Type: info, success, warning, error نوع نوتیفیکیشن
title string Optional title above the message عنوان اختیاری
duration number Time to auto-dismiss (ms) مدت زمان نمایش
position string Position on screen موقعیت نمایش روی صفحه
icon string Optional emoji/icon آیکون دلخواه
dismissible boolean Whether user can manually close it امکان بستن دستی توسط کاربر
pauseOnHover boolean Pause the timer when hovering توقف تایمر هنگام قرار گرفتن ماوس
animation string Type of entrance/exit animation نوع انیمیشن نمایش
rtl boolean Enable right-to-left support پشتیبانی از زبان فارسی یا عربی
customClass string Add a custom CSS class اضافه کردن کلاس سفارشی
onClick func Callback when toast is clicked اجرای تابع هنگام کلیک روی نوتیفیکیشن
id string Optional toast ID شناسه دلخواه برای هر نوتیفیکیشن

📂 Demo | دموی زنده

Just open index.html in your browser and try different buttons! https://webecco.com/ToastNotificationjs/index.html

فایل index.html را در مرورگر باز کنید و دکمه‌ها را برای دیدن نمونه‌های مختلف امتحان کنید.

📸 Screenshots | تصاویر

Demo Demo

📜 License | مجوز

MIT License - Free to use, modify, and distribute.

لایسنس MIT - رایگان برای استفاده، تغییر و انتشار.

✍️ Author | نویسنده

Developed by kaveh norouzi Created with ❤️ to make notifications beautiful.

توسعه داده شده توسط کاوه نوروزی با ❤️ برای زیباتر کردن اعلان‌ها ساخته شده است.

There are no supported framework assets in this package.

Learn more about Target Frameworks and .NET Standard.

This package has no dependencies.

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last Updated
2.0.1 119 6/2/2025
2.0.0 119 6/2/2025
1.0.1 121 5/29/2025
1.0.0 126 5/29/2025

Initial release: supports both ASP.NET Core (wwwroot-based projects) and ASP.NET MVC Classic (Script and Content folders). Includes CSS animations and simple configuration.