@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 - текущее значение поля поиска |