zvladn7/news-searcher

Создание компонента "Поисковая строка"

rvrhiv opened this issue · 0 comments

Создать компонент поисковой строки.
Макет: https://www.figma.com/file/Jg3xNaiGoue74I9WlP6UIP/Search-Engine-UI?node-id=12300%3A3

Логика работы компонента:

  • При нажатии на поисковую строку открывается список с историей поиска.
  • При нажатии на "крестик" в поисковой строке, введенный запрос полностью стирается и открывается список с историей поиска
  • На каждый элемент (строку) в списке истории можно кликнуть, тогда выбранный запрос подставляется в поисковую строку и выполняется поиск.
  • Каждый элемент в списке истории можно удалить, кликнув на иконку "мусорное ведро", расположенное в правой части у каждого элемента.
  • При нажатии на клавишу "Enter" выполняется поисковой запрос, если поле ввода запроса содержит символы

image
image