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

Add delayed value for the Input component that will change after a period of time of no typing

Environment

Product Version5.12.0
ProductProgress® KendoReact

Description

I want the value of the Input to change only after the user stops typing for some time.

Solution

Having a delayed value is possible by introducing a second state variable and tracking the time for the last change. Such implementation might be suitable for filtering, where triggering the filtering can be initiated only when the user stops typing.

This is an example showcasing how to limit the value:

Example
View Source
Change Theme:

In this article

Not finding the help you need?