Saltar al contenido principal

ngx-toastf

CI Quality Gate Status Coverage

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 - NgxToastService funciona de entrada, sin provider ni módulo
  • ✅ Standalone-first - provideNgxToast() para apps standalone; NgxToastModule para 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-toastfAngular
2.0.020.x a 22.x
1.2.19.x 8.x 7.x