Виджет можно установить через 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>
Подключить виджет к текстовому полю:
const input = document.getElementById("address"); Dadata.createSuggestions(input, { token: "***", type: "address" });
Обзор
Инструменты контента