Arrow_down_24.svgchevron-right-s-16icon-bars1-72icon-bars10-72icon-bars11-72icon-bars12-72icon-bars13-72icon-bars2-72icon-bars3-72icon-bars4-72icon-bars5-72icon-bars6-72icon-bars7-72icon-bars8-72icon-bars9-72storybook-16-solid

Определение

Search input — форма ввода, осуществляющая поиск релевантного контента на одной странице или во всей системе (глобальный поиск) при помощи ввода текста. 

Основные правила

  • Search input не имеет состояния «Ошибка». 
  • Поле поиска с фильтром не используется по умолчанию, только по необходимости.
  • После ввода запроса в поле по умолчанию производится автоматический поиск. В случае, когда поиск сложный и может содержать в себе множество результатов, рекомендуется размещать кнопку с текстом «Найти».
  • Компонент поиска может быть широким, но не менее 16 символов.
  • При обработке запроса более 0,5 сек. необходимо использовать состояние loading (до тех пор пока не произойдет отображение результатов поиска).
  • Поле поиска должно содержать autocomplete (автодополнение). Если результатов по данному запросу несколько, то они отображаются в выпадающем списке под полем.

Построение

  • Радиус скругления всех полей равен по-умолчанию 4px.
  • Соблюдение отступов внутри и снаружи — обязательное условие.