@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
28 lines (27 loc) • 1.14 kB
TypeScript
import { KendoComponent } from '../_types/component';
export declare const SEARCHBOX_CLASSNAME = "k-searchbox";
declare const states: ("required" | "loading" | "focus" | "invalid" | "disabled" | "valid" | "hover")[];
declare const options: {
size: ("small" | "medium" | "large" | undefined)[];
rounded: ("small" | "none" | "medium" | "full" | "large" | undefined)[];
fillMode: ("flat" | "outline" | "solid" | undefined)[];
};
export type KendoSearchboxOptions = {
size?: (typeof options.size)[number] | null;
rounded?: (typeof options.rounded)[number] | null;
fillMode?: (typeof options.fillMode)[number] | null;
};
export type KendoSearchboxProps = KendoSearchboxOptions & {
type?: string;
value?: string;
placeholder?: string;
showIcon?: boolean;
icon?: string;
/** @aria Accessible name for the inner input element */
'aria-label'?: string;
};
export type KendoSearchboxState = {
[K in (typeof states)[number]]?: boolean;
};
export declare const Searchbox: KendoComponent<KendoSearchboxProps & KendoSearchboxState & React.HTMLAttributes<HTMLSpanElement>>;
export default Searchbox;