DavidHDev/vue-bits

[FEAT]: Search Functionality

Closed this issue · 0 comments

Share your suggestion

Request

A new search button should be added to the header, similar to the one found on reactbits.dev:
Image

Clicking on this button or pressing "/" on the keyboard opens up a search dialog:
Image

Acceptance Criteria

  • the search dialog works exactly the same as the one seen on React Bits, including animations
  • keyboard controls work correctly when the dialog is open and results are available (using arrow keys or tab to navigate through results, using enter to open a selected result)
  • the colors used on this new search dialog are in line with the Vue Bits color scheme
  • the proper search algorithm is in place to help with small typos
  • the dialog is responsive and functional on mobile

Validations

  • I have checked other issues to see if my issue was already discussed or addressed