0.2.0 • Published 3 years ago
@n3/react-search-input v0.2.0
@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 - текущее значение поля поиска |