• What is KendoReact
  • Getting Started
  • Server Components
  • Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

Hide KendoReact Notifications after a Timeout

Environment

Product Version3.0.0
ProductProgress® KendoReact

Description

How to hide the Notification component automatically after a specific timeout.

Solution

Currently, this can be done using the setTimeout function as shown in the example below.

Example
View Source
Change Theme:

Also, there is a feature request for this in our portal and I can suggest voting for it as it will increase its chances to be implemented as a built-in feature:

https://feedback.telerik.com/kendo-react-ui/1413293-add-hideafter-prop-to-the-notification-component

In this article

Not finding the help you need?