zmp-react
Version:
Build full featured iOS & Android apps using ZMP & React
66 lines (60 loc) • 1.98 kB
TypeScript
import * as React from 'react';
import { Searchbar } from 'zmp-core/types';
interface SearchbarProps {
slot?: string;
id?: string | number;
className?: string;
style?: React.CSSProperties;
noShadow ?: boolean;
noHairline ?: boolean;
form ?: boolean;
placeholder ?: string;
disableButton ?: boolean;
disableButtonText ?: string;
clearButton ?: boolean;
value ?: string | number | Array<any>;
inputEvents ?: string;
expandable ?: boolean;
inline ?: boolean;
searchContainer ?: string | object;
searchIn ?: string;
searchItem ?: string;
searchGroup ?: string;
searchGroupTitle ?: string;
foundEl ?: string | object;
notFoundEl ?: string | object;
backdrop ?: boolean;
backdropEl ?: string | object;
hideOnEnableEl ?: string | object;
hideOnSearchEl ?: string | object;
ignore ?: string;
customSearch ?: boolean;
removeDiacritics ?: boolean;
hideDividers ?: boolean;
hideGroups ?: boolean;
small ?: boolean;
disabled?: boolean;
init ?: boolean;
color?: string;
colorTheme?: string;
textColor?: string;
bgColor?: string;
borderColor?: string;
rippleColor?: string;
themeDark?: boolean;
onSearchbarSearch ?: (searchbar?: Searchbar.Searchbar, query?: any, previousQuery?: any) => void;
onSearchbarClear ?: (searchbar?: Searchbar.Searchbar, previousQuery?: any) => void;
onSearchbarEnable ?: (searchbar?: Searchbar.Searchbar) => void;
onSearchbarDisable ?: (searchbar?: Searchbar.Searchbar) => void;
onChange ?: (event?: any) => void;
onInput ?: (event?: any) => void;
onFocus ?: (event?: any) => void;
onBlur ?: (event?: any) => void;
onSubmit ?: (event?: any) => void;
onClickClear ?: (event?: any) => void;
onClickDisable ?: (event?: any) => void;
ref?: React.MutableRefObject<{el: HTMLElement | null; zmpSearchbar: () => Searchbar.Searchbar;}>;
children?: React.ReactNode;
}
declare const Searchbar: React.FunctionComponent<SearchbarProps>;
export default Searchbar;