Take Home Challenge

Replace the Placeholder component with the implementation that you write.

Basic Requirements

  • Clicking the Trigger button should launch the UI component to capture user input.
  • UI component should consist of a text input as well as an area to display results matching user input.
  • Matching results based on the text input are displayed below the text input as a list in alphabetical order.
  • Each result should be selectable by mouse click as well as using the / arrow keys (and ).
  • Upon selection, should update the Selected Output area with the selected value.

Nice-to-have Requirements

  • Results are grouped by type and displayed under an appropriate type heading.
  • UI component can also be launched via a hotkey combination +K or Ctrl+K.
  • Hitting the Esc key will close the UI component without selecting anything.

Feel free to make assumptions along the way, and just note them in the comments.

Selected Output:

Nothing selected