Виджет можно установить через NPM (рекомендуется) или подключить и использовать напрямую с CDN.
Установить пакет:
npm install @dadata/suggestions |
Подключить стили:
@import "@dadata/suggestions/styles"; .suggestions-input { /* можно кастомизировать */ } |
Чтобы подключить подсказки к текстовому полю на странице, его нужно передать в метод createSuggestions:
import { createSuggestions } from "@dadata/suggestions"; const suggestions = createSuggestions(input, options); |
Подключить скрипт и стили:
<link href="https://cdn.jsdelivr.net/npm/@dadata/suggestions@25.4.1/dist/suggestions.min.css" rel="stylesheet" /> <script src="https://cdn.jsdelivr.net/npm/@dadata/suggestions@25.4.1/dist/suggestions.min.js"></script> |
Подключить виджет к текстовому полю:
const input = document.getElementById("address"); Dadata.createSuggestions(input, { token: "***", type: "address" }); |