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 catalog — комбинированное поле поиска и кнопка, инициирующая открытие справочника в модальном окне (cм. компонент drawer). Объединяет однострочное поле для текста и справочника, что позволяет ввести значение вручную или выбрать одно из множества. Справочник отображается в модальном окне и дает возможность редактировать записи. Используется, когда значений в списке более 30, если менее, то рекомендуется — combobox.

Варианты и состояния

Существует два варианта справочников, которые поддерживают различные виды функций:

  • single — позволяет ввести вручную или выбрать одно значение из множества, выбранный вариант отображается внутри поля ввода;
  • multiselect — предоставляет возможность ввести вручную или выбрать несколько значений из множества, выбранные варианты отображаются в виде тегов под полем ввода, внутри которого отображается количество этих вариантов.

Построение

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