Create a search input component using Reactjs + Typescript
Budget: €8 – €30 EUR
A form control component where users can type a search query and the result of the
search is displayed in a dropdown (e.g. like google search input).
If user selects one of the results in the dropdown, that should be the value of the form control and
the selected item should be shown.
search results in different ways depending on what type of content the
dropdown should list.
1. Searching for Employees. They want to display both employer name and occupation on a
new line for each result in list.
2. Searching for countries. They want a flag to be displayed next to the country in the result
list.
Other requirements/things to consider:
• Each dropdown is only showing one type of content, it cannot be a mix (e.g. both employees
and countries).
• In the future they may have need for more types, but they are not sur at the moment.
• Component need to be accessible (e.g. a screen reader users should be able to use it)
• It is ok to use libraries (lit element is one option but not mandatory)
• It’s a bonus if you use Web Components standard (but not mandatory)
search is displayed in a dropdown (e.g. like google search input).
If user selects one of the results in the dropdown, that should be the value of the form control and
the selected item should be shown.
search results in different ways depending on what type of content the
dropdown should list.
1. Searching for Employees. They want to display both employer name and occupation on a
new line for each result in list.
2. Searching for countries. They want a flag to be displayed next to the country in the result
list.
Other requirements/things to consider:
• Each dropdown is only showing one type of content, it cannot be a mix (e.g. both employees
and countries).
• In the future they may have need for more types, but they are not sur at the moment.
• Component need to be accessible (e.g. a screen reader users should be able to use it)
• It is ok to use libraries (lit element is one option but not mandatory)
• It’s a bonus if you use Web Components standard (but not mandatory)