ngx-toastf
ngx-toastf es una librería de notificaciones toast para Angular, standalone-first y liviana -
no necesitás ViewContainerRef ni marcado en el template, solo inyectá un servicio y llamalo.
Características
- ✅ Sin configuración -
NgxToastServicefunciona de entrada, sin provider ni módulo - ✅ Standalone-first -
provideNgxToast()para apps standalone;NgxToastModulepara apps con NgModule (deprecado) - ✅ Transiciones CSS - sin dependencia de
@angular/animations - ✅ Apilado - varios toasts coexisten y se apilan por posición
- ✅ 9 posiciones, 4 tipos (success/info/warning/error), duración/auto-cierre/duración de animación configurables
- ✅ Componente basado en signals -
input()/output(),OnPush, sin decoradores@Input/@Output
Ejemplo en Vivo
Probá la librería acá mismo - es la misma app showcase que vive en el repo:
Cómo Funciona
toastService.showToastSuccess('Guardado!')
└─▶ NgxToastService resuelve la config (defaults + tus overrides)
└─▶ crea un NgxToastComponent vía createComponent()
└─▶ lo agrega a un stack fijo por posición
└─▶ una transición CSS lo anima, se auto-cierra tras `duration`
Compatibilidad
Última versión disponible para cada versión de Angular:
| ngx-toastf | Angular |
|---|---|
| 2.0.0 | 20.x a 22.x |
| 1.2.1 | 9.x 8.x 7.x |