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

Hiding Closable Notifications


ProductProgress® Kendo UI Notification


How can I automatically hide a Notification after few seconds when the closable property is set to true?


When setting the closable option to true, the hideAfter value is ignored by default. Read more about the hidden state of the Notification.

You can hide the Notification in this case by using a setTimeout function. Then, you can close the notification instance explicitly with the built-in hide method:

public show(): void {
        const notifInstance ={
            content: 'test',
            closable: true,

        setTimeout(() => {
            if (notifInstance) {
        }, 2000);

The following example demonstrates the full implementation of the suggested approach.

View Source
Change Theme:

In this article

Not finding the help you need?