@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
38 lines (37 loc) • 1.49 kB
TypeScript
export declare const ONETIMEPASSWORDINPUT_CLASSNAME = "k-otp-input";
declare const states: ("required" | "focus" | "invalid" | "disabled" | "readonly" | "valid" | "hover")[];
declare const options: {
size: ("small" | "medium" | "large")[];
rounded: ("small" | "medium" | "full" | "large")[];
fillMode: ("flat" | "outline" | "solid")[];
};
export type KendoOneTimePasswordInputOptions = {
size?: (typeof options.size)[number] | null;
rounded?: (typeof options.rounded)[number] | null;
fillMode?: (typeof options.fillMode)[number] | null;
};
export type KendoOneTimePasswordInputProps = KendoOneTimePasswordInputOptions & {
type?: string;
value?: string;
placeholder?: string;
autocomplete?: string;
};
export type KendoOneTimePasswordInputState = {
[K in (typeof states)[number]]?: boolean;
};
export declare const OneTimePasswordInput: {
(props: KendoOneTimePasswordInputProps & KendoOneTimePasswordInputState & Omit<React.HTMLAttributes<HTMLSpanElement>, "prefix">): import("react/jsx-runtime").JSX.Element;
states: ("required" | "focus" | "invalid" | "disabled" | "readonly" | "valid" | "hover")[];
options: {
size: ("small" | "medium" | "large")[];
rounded: ("small" | "medium" | "full" | "large")[];
fillMode: ("flat" | "outline" | "solid")[];
};
className: string;
defaultOptions: {
size: any;
rounded: any;
fillMode: any;
};
};
export default OneTimePasswordInput;