История страницы

Виджет можно установить через NPM (рекомендуется) или подключить и использовать напрямую с CDN.

Установка через NPM

Установить пакет:

npm install @dadata/suggestions

...

Чтобы подключить подсказки к текстовому полю на странице, его нужно передать в метод createSuggestionsметод createSuggestions:

import { createSuggestions } from "@dadata/suggestions";

const suggestions = createSuggestions(input, options);

Подключение с CDN

Подключить скрипт и стили:

<link href="https://cdn.jsdelivr.net/npm/@dadata/suggestions@25.48.10/dist/suggestions.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/@dadata/suggestions@25.48.10/dist/suggestions.min.js"></script>

Рекомендуем скачать и захостить стили и скрипты на сервере вашего приложения (к которому вы подключаете «Подсказки») или корпоративной CDN, чтобы не зависеть от доступности внешней CDN.

Подключить виджет к текстовому полю:

const input = document.getElementById("address");
Dadata.createSuggestions(input, {
      tokenserviceUrl: "***http://ВАШ_СЕРВЕР:ПОРТ/suggestions/api/4_1/rs",
      type: "address"
});