@n3/react-search-input

Search input component for react applications based on @n3/kit

Usage no npm install needed!

<script type="module">
  import n3ReactSearchInput from 'https://cdn.skypack.dev/@n3/react-search-input';
</script>

README

@n3/react-search-input

Поле поиска для приложений на базе @n3/kit.

import SearchInput from '@n3/react-search-input';

Props

Название Обязательность Тип Значение по умолчанию Описание
component InputComponent Компонент корневого элемента инпута
disabled boolean false Выключено ли поле
Выключено ли поле
hasError boolean Есть ли у поля ошибка
hasWarning boolean Есть ли у поля предупреждение
small boolean Маленькое ли поле
className string Дополнительный класс корневого компонента инпута
isOnlyBorderBottom boolean Отображение без рамки только с подчёркиванием снизу
buttons RenderInputButton[] Массив функций реднеда кнопок
@param props - все props инпута
@param index - индекс кнопки
value + string Значение поля
onChange (event: ChangeEvent) => void "(): void => { }" Обработчик изменения инпута
@param event - событие
onValueChange (nextValue: string) => void "(): void => { }" Обработчик изменения значения поля (в т.ч. при нажатии на кнопку сброса)
@param newValue - новое значение поля
handleClear () => void "(): void => { }" Обработчик нажатия на кнопку сброса
handleSearch (searchValue: string) => void "(): void => { }" Обработчик нажатия на кнопку поиска
@param searchValue - текущее значение поля поиска