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