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

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

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

npm install @dadata/suggestions

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

@import "@dadata/suggestions/styles";

.suggestions-input {
    /* можно кастомизировать */
}

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

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

const suggestions = createSuggestions(input, options);

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

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

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

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

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

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



  • Нет меток