Skip to content

Search Input

export function SearchInput({
value = '',
inputRef,
rootClassName = '',
inputClassName = '',
iconClassName = '',
shortcutClassName = '',
shortcut,
icon,
hideIcon = false,
trailing,
testId,
onValueChange,
onInput,
...inputProps
}: SearchInputProps): any;

export type SearchInputRenderable = any;

export type SearchInputRef<T> = { current: T | null } | ((instance: T | null) => void) | null;

SearchInputEvent (Extended from index.tsx)

Section titled “SearchInputEvent (Extended from index.tsx)”
export type SearchInputEvent<T extends EventTarget> = Event & { currentTarget: T };

export type SearchInputProps = {
value?: string;
inputRef?: SearchInputRef<HTMLInputElement>;
rootClassName?: string;
inputClassName?: string;
iconClassName?: string;
shortcutClassName?: string;
shortcut?: SearchInputRenderable;
icon?: SearchInputRenderable;
hideIcon?: boolean;
trailing?: SearchInputRenderable;
testId?: string;
onValueChange?: (value: string, event: SearchInputEvent<HTMLInputElement>) => void;
onInput?: (event: SearchInputEvent<HTMLInputElement>) => void;
[attribute: string]: any;
};