algolia/autocomplete

Что это?

Ключевые возможности

• 01Для работающего поискового поля достаточно контейнера и функции getSources.
• 02Создаёт доступное поле ввода с навигацией с клавиатуры и атрибутами ARIA.
• 03Позволяет отображать результаты с помощью собственной DOM-разметки.
• 04Предоставляет плагины для недавних запросов, подсказок по запросам и Algolia Insights.
• 05Работает с обычным JavaScript, Preact, React и Vue.

Сценарии использования

• Добавление поля поиска с подсказками по мере ввода на сайт документации или контентный сайт.
• Отображение недавних запросов и подсказок в строке поиска по сайту.
• Создание собственного combobox или палитры команд с заданным вами отображением результатов.

Быстрый старт

1. 1

   Установите пакет autocomplete-js с помощью npm

   npm install @algolia/autocomplete-js
2. 2

   Добавьте в HTML контейнер div

3. 3

   Импортируйте autocomplete и вызовите его, передав контейнер и параметр getSources

Что важно знать

• !Чтобы отображать результаты помимо базовой настройки, необходимо самостоятельно реализовать источники данных и рендеринг.

Темы

Частые вопросы

Что такое autocomplete?

JavaScript-библиотека для создания полей поиска с автодополнением и подсказками, собственными источниками данных и DOM-рендерингом. Autocomplete — JavaScript-библиотека для создания поисковых интерфейсов с автодополнением. Передайте ей контейнер и функцию getSources, которая возвращает подсказки для отображения. Библиотека создаст поле ввода, обработает взаимодействие с клавиатурой и добавит атрибуты доступности, а разметку результатов вы зададите сами.

autocomplete можно использовать бесплатно? Какая у него лицензия?

autocomplete распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

autocomplete всё ещё поддерживается?

Активно поддерживается. Последний коммит в autocomplete — 7 окт. 2026 г..

Для чего можно использовать autocomplete?

Добавление поля поиска с подсказками по мере ввода на сайт документации или контентный сайт. Отображение недавних запросов и подсказок в строке поиска по сайту. Создание собственного combobox или палитры команд с заданным вами отображением результатов.

Как установить autocomplete?

Установите пакет autocomplete-js с помощью npm: npm install @algolia/autocomplete-js Добавьте в HTML контейнер div Импортируйте autocomplete и вызовите его, передав контейнер и параметр getSources

Где скачать autocomplete?

Исходный код и инструкции по установке — на GitHub: https://github.com/algolia/autocomplete