Skip to content

Kalvium-Program/lab-react-autocomplete-solution

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo-nav

Kalvium Lab | Search Box with keys

Learning Goals:

The aim of this lab is to experiment to use keyboard keys for certain functionality. You can use the data provided inside resources/countryData.json file.

Task 1:

Your task is to create a search box which which gives all possible suggestions -> when given some inital text in the given search box. Like shown below:

Use hooks to manage states.

Task 2:

As shown in the above reference gif, when we press escape key, the dropdown hides. You have to implement the same: when you press escape key -> the suggestions should not be visible.

Happy Coding ❤️!

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published