New to Kendo UI for Angular? Start a free 30-day trial

NOTIFICATION_CONTAINER

Updated on Jun 13, 2025

Injects the Notification container. When not provided, uses the first root component of the application.

Use NOTIFICATION_CONTAINER only with the NotificationService class.

import { NgModule, ElementRef } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { NotificationModule, NOTIFICATION_CONTAINER } from '@progress/kendo-angular-notification'; import { AppComponent } from './app.component'; @NgModule({ declarations: [AppComponent], imports: [BrowserModule, NotificationModule], bootstrap: [AppComponent], providers: [ { provide: NOTIFICATION_CONTAINER, useFactory: () => ({ nativeElement: document.body } as ElementRef) } ] }) export class AppModule {} platformBrowserDynamic().bootstrapModule(AppModule);