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.