# 🎉 ToastJS Notifications
[](https://www.npmjs.com/package/toastjs-notifications)
[](https://github.com/urian121/toastjs-notifications)
[](https://www.npmjs.com/package/toastjs-notifications)
**ToastJS Notifications** es la librería de notificaciones toast más elegante y minimalista para tu aplicación web. Con animaciones suaves, diseño moderno y una experiencia de usuario excepcional.
## 📦 Instalación
### 📦 npm
```bash
npm install toastjs-notifications
```
### 📦 CDN
Puedes usar **ToastJS Notifications** a través de CDN. Aquí tienes dos opciones:
#### jsDelivr
```html
```
#### unpkg
```html
```
## 🚀 Uso Básico
Puedes usar ToastJS Notifications de la siguiente manera:
```javascript
// Mostrar diferentes tipos de notificaciones
showToast.info("Mensaje de información"); // Notificación de información
showToast.success("¡Éxito!"); // Notificación de éxito
showToast.warning("Advertencia"); // Notificación de advertencia
showToast.error("Error"); // Notificación de error
```
## 🎨 Posicionamiento Dinámico
Ahora puedes definir la posición directamente desde el objeto de opciones en cada llamada:
```javascript
showToast.error("Error crítico", {
duration: 2000,
position: "top-center",
});
showToast.success("Guardado exitoso", {
position: "bottom-right",
});
```
### Posiciones disponibles:
Estas son las posiciones disponibles para los **ToastJS Notifications**:
- `top-left`
- `top-center`
- `top-right` (por defecto)
- `bottom-left`
- `bottom-center`
- `bottom-right`
### Duración Personalizada por Toast
```javascript
// Toast con duración de 2 segundos
showToast.warning("Duración personalizada", { duration: 2000 });
// Toast persistente (requiere cierre manual)
showToast.info("Este mensaje no se cierra solo", { duration: 0 });
```
## 📱 Características
- 🎯 Diseño moderno y responsive
- 🌈 Tipos: `info`, `success`, `warning`, `error`
- 📍 Posicionamiento dinámico por toast o instancia
- ⚡ Animaciones suaves
- 🎨 Personalizable
- 🚀 Sin dependencias externas
- 💪 Soporte para múltiples instancias
## 📝 Ejemplo Completo
```html
ToastJS Notifications - Demo
```
## 🤝 Únete y Contribuye
¿Tienes una idea o encontraste un bug? ¡Contribuye!
🔗 GitHub: [github.com/urian121/toastjs-notifications](https://github.com/urian121/toastjs-notifications)
## 👨💻 Desarrollador
**Urian Viera**
🌐 [urianviera.com](https://www.urianviera.com)
📺 [YouTube](https://www.youtube.com/WebDeveloperUrianViera)
💌 [urian1213viera@gmail.com](mailto:urian1213viera@gmail.com)
☕ [Apóyame en PayPal](https://www.paypal.com/donate/?hosted_button_id=4SV78MQJJH3VE)
## 🪪 Licencia
MIT © 2025 Urian Viera
[](https://github.com/urian121/toastjs-notifications)
## 🙌 Agradecimientos
Gracias a todos los **Devs** 👨💻 que han usado y apoyado **ToastJS Notifications**. Tu feedback es clave para mejorar la librería.