quarkd
Version:
Mobile UI Components built on Web Components.
71 lines (70 loc) • 1.67 kB
TypeScript
import "../icon";
import { QuarkElement } from "quarkc";
import "@quarkd/icons/lib/arrow-left";
import "@quarkd/icons/lib/close";
import "@quarkd/icons/lib/search";
export interface Props {
value?: string;
shape?: "round" | "square";
dark?: boolean;
showback?: boolean;
hideaction?: boolean;
actiontext?: string;
iconcolor?: string;
placeholder?: string;
maxlength?: number;
autofocus?: boolean;
clearable?: boolean;
disabled?: boolean;
readonly?: boolean;
}
export interface CustomEvent {
focus?: (e: {
detail: {
value: string;
};
}) => void;
blur?: (e: {
detail: {
value: string;
};
}) => void;
search?: (e: {
detail: {
value: string;
};
}) => void;
change: (e: {
detail: {
value: string;
};
}) => void;
cancel?: () => void;
back?: () => void;
}
declare class QuarkSearch extends QuarkElement {
value: string;
shape: string;
dark: boolean;
showback: boolean;
hideaction: boolean;
actiontext: string;
iconcolor: string;
placeholder: string;
maxlength: string;
autofocus: boolean;
clearable: boolean;
disabled: boolean;
readonly: boolean;
backEvent: () => void;
actionEvent: () => void;
clearEvent: () => void;
inputEvent: (e: any) => void;
focusEvent: (e: FocusEvent) => void;
blurEvent: (e: FocusEvent) => void;
keypressEvent: (e: KeyboardEvent) => void;
onChoiceStart: ({ target }: any) => void;
onChoiceEnd: (e: any) => void;
render(): any;
}
export default QuarkSearch;