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