- SearchBar(props): ReactNode
Parameters
props: Pick<Antdm.InputProps, "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onClear"> & {
cancelText?: string;
clearOnCancel?: boolean;
clearable?: boolean;
defaultValue?: string;
icon?: ReactNode;
maxLength?: number;
onCancel?: (() => void);
onChange?: ((val) => void);
onSearch?: ((val) => void);
onlyShowClearWhenFocus?: boolean;
placeholder?: string;
showCancelButton?: boolean | ((focus, value) => boolean);
value?: string;
} & {
className?: string;
style?: CSSProperties & Partial<Record<"--border-radius" | "--height" | "--padding-left" | "--background" | "--placeholder-color", string>>;
tabIndex?: number;
} & AriaAttributes & RefAttributes<Antdm.InputRef>
Returns ReactNode
Properties
Readonly $$typeof
$$typeof: symbol
Optional defaultProps
defaultProps?: Partial<Pick<Antdm.InputProps, "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onClear"> & { cancelText?: string; clearOnCancel?: boolean; clearable?: boolean; defaultValue?: string; icon?: ReactNode; maxLength?: number; onCancel?: (() => void); onChange?: ((val) => void); onSearch?: ((val) => void); onlyShowClearWhenFocus?: boolean; placeholder?: string; showCancelButton?: boolean | ((focus,
value) => boolean); value?: string; } & { className?: string; style?: CSSProperties & Partial<Record<"--border-radius" | "--height" | "--padding-left" | "--background" | "--placeholder-color", string>>; tabIndex?: number; } & AriaAttributes & RefAttributes<Antdm.InputRef>> Optional displayName
displayName?: string
Optional propTypes
propTypes?: WeakValidationMap<Pick<Antdm.InputProps, "onCompositionEnd" | "onCompositionStart" | "onFocus" | "onBlur" | "onClear"> & { cancelText?: string; clearOnCancel?: boolean; clearable?: boolean; defaultValue?: string; icon?: ReactNode; maxLength?: number; onCancel?: (() => void); onChange?: ((val) => void); onSearch?: ((val) => void); onlyShowClearWhenFocus?: boolean; placeholder?: string; showCancelButton?: boolean | ((focus,
value) => boolean); value?: string; } & { className?: string; style?: CSSProperties & Partial<Record<"--border-radius" | "--height" | "--padding-left" | "--background" | "--placeholder-color", string>>; tabIndex?: number; } & AriaAttributes & RefAttributes<Antdm.InputRef>>
Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.