Autohide of notification from kendo-vue-notification

[Pavel]

Hi,

I want to use new notification Vue Notification Component & Overview | Kendo UI for Vue Docs & Demos (telerik.com) from kendo-vue-notification package. How I can implement autohide feature? I need to show the result of a operation but user doesn't have to close notification.

Thanks

Pavel

 

 

 

[Petar]

Hi, Pavel.

Here is a StackBlitz example demonstrating how the targeted functionality can be implemented. To achieve the demonstrated behavior we have the following onToggle method.

onToggle(flag) {
  this[flag] = !this[flag];
  setTimeout(() => {
    this[flag] = false;
  }, 3000);
}

Using the setTimeout method and the above logic, we can define the period after which the Notification will be closed.

Please let me know if you have additional questions related to the current thread.

Regards,
Petar
Progress Telerik