@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
49 lines (48 loc) • 1.83 kB
TypeScript
export declare const TEXTAREA_CLASSNAME = "k-textarea";
declare const states: ("required" | "focus" | "invalid" | "disabled" | "hover" | "valid")[];
declare const options: {
size: ("small" | "medium" | "large")[];
rounded: ("small" | "medium" | "full" | "large")[];
fillMode: ("flat" | "outline" | "solid")[];
};
export type KendoTextareaOptions = {
size?: (typeof options.size)[number] | null;
rounded?: (typeof options.rounded)[number] | null;
fillMode?: (typeof options.fillMode)[number] | null;
resize?: "x" | "y" | "both" | "none";
};
export type KendoTextareaProps = KendoTextareaOptions & {
prefix?: React.JSX.Element;
suffix?: React.JSX.Element;
prefixSeparator?: boolean;
suffixSeparator?: boolean;
rows?: number;
value?: string;
placeholder?: string;
flow?: "vertical" | "horizontal";
affixesOrientation?: "vertical" | "horizontal";
};
export type KendoTextareaState = {
[K in (typeof states)[number]]?: boolean;
};
export declare const Textarea: {
(props: KendoTextareaProps & KendoTextareaState & Omit<React.HTMLAttributes<HTMLSpanElement>, "prefix">): import("react/jsx-runtime").JSX.Element;
states: ("required" | "focus" | "invalid" | "disabled" | "hover" | "valid")[];
options: {
size: ("small" | "medium" | "large")[];
rounded: ("small" | "medium" | "full" | "large")[];
fillMode: ("flat" | "outline" | "solid")[];
};
className: string;
defaultOptions: {
readonly size: "medium";
readonly rounded: "medium";
readonly fillMode: "solid";
readonly flow: "vertical";
readonly affixesOrientation: "horizontal";
readonly resize: "both";
readonly prefixSeparator: true;
readonly suffixSeparator: true;
};
};
export default Textarea;