@n3/react-kit-autocomplete

Autocomplete component for react applications based on @n3/kit

Usage no npm install needed!

<script type="module">
  import n3ReactKitAutocomplete from 'https://cdn.skypack.dev/@n3/react-kit-autocomplete';
</script>

README

@n3/react-kit-autocomplete

Автокомплит для приложений на базе @n3/kit.

import Autocomplete from '@n3/react-kit-autocomplete';

Props

Название Обязательность Тип Значение по умолчанию Описание
loadOptions + LoadOptions Функция загрузки опций
@param search - текущее значение поля ввода
@returns response.options - опции
value + string Значение элемента input
onChange OnChange Обработчик изменения значения поля при ручном вводе
onSelect OnSelect Обработчик изменения значения поля при выборе из меню
@param value - текст выбранной опции
@param option - выбранная опция
disabled boolean false Выключено ли поле
hasError boolean false Есть ли у поля ошибка
hasWarning boolean false Есть ли у поля предупреждение
inputProps HTMLProps<HTMLInputElement> "{}" Дополнительные props элемента input
labelKey string "label" Ключ, по которому хранится текст опции
getOptionLabel GetOptionLabel Функция получения текста опции, который будет подставлен при выборе
formatOptionLabel FormatOptionLabel Функция отображения опции