This is an Autocomplete component created with React and Typescript
Please be sure you have the following tools installed
- Node 16+
- Yarn 1.22
- Code Editor of your preference
- Terminal
Clone the project
https://github.com/guerrerocing/react-autocomplete-component.git
Go to the project directory
cd react-autocomplete-component
Install dependencies
yarn install
Start the server
yarn dev
This autocomplete uses fake data, which is a list of Users
.The autocomplete component will make the suggestions of the findings.
Once you have the project running here some UX added to this component:
- Start typing some user name you want the component to suggest.
- You can use
arrow key up
. - You can use
arrow key down
. - Press
ENTER
key for selecting a value. - Press
ESC
key for clearing up the autocomplete. - Select a suggestion
Cliking
over the User suggested.