mcHighlight — это pipe для подсветки совпадений текста. Выделение совпадений позволяет пользователю быстро понять, почему результат релевантен, и ускоряет навигацию по спискам. В зависимости от контекста применяются два способа оформления.

Pipe принимает строку и аргумент для поиска, оборачивая найденные совпадения в тег <mark class="kbq-highlight">.

Применяется в селектах с поиском и однородных списках (например, выбор отдела или имени). Этот способ ненавязчив и идеален для быстрого сканирования знакомых данных: пользователь сразу видит, что искомое слово есть в строке, но не отвлекается от основного выбора.

Используется в результатах поиска по сложному контенту — описаниям, сообщениям, статьям. Также выделение привлекает внимание даже внутри длинных текстов.

Совпадения в результатах поиска со сложной версткой

Совпадения в таблице: