@vectara/vectara-ui
Version:
Vectara's design system, codified as a React and Sass component library
26 lines (25 loc) • 994 B
TypeScript
import { ChangeEventHandler, FormEventHandler, KeyboardEventHandler } from "react";
import { SearchSuggestion } from "./types";
declare const SIZE: readonly ["s", "m", "l"];
type Props = {
className?: string;
value?: string;
size?: (typeof SIZE)[number];
onChange?: ChangeEventHandler<HTMLInputElement>;
onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
placeholder?: string;
autoFocus?: boolean;
onSubmit?: FormEventHandler;
suggestions?: SearchSuggestion[];
onSelectSuggestion?: (suggestion: SearchSuggestion) => void;
isLoading?: boolean;
};
type ClearableProps = {
isClearable?: true;
onClear: () => void;
} | {
isClearable?: false;
onClear?: never;
};
export declare const VuiSearchInput: ({ className, size, value, onChange, onKeyDown, placeholder, autoFocus, onSubmit, isClearable, onClear, suggestions, onSelectSuggestion, isLoading, ...rest }: Props & ClearableProps) => import("react/jsx-runtime").JSX.Element;
export {};