@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
33 lines (32 loc) • 1.48 kB
TypeScript
import { KendoComponent } from '../_types/component';
export declare const SPLITBUTTON_CLASSNAME = "k-split-button";
declare const states: ("active" | "focus" | "disabled" | "selected" | "hover")[];
declare const options: {
size: ("small" | "medium" | "large" | undefined)[];
rounded: ("small" | "none" | "medium" | "full" | "large" | undefined)[];
fillMode: ("link" | "flat" | "clear" | "outline" | "solid" | undefined)[];
themeColor: ("base" | "error" | "inverse" | "success" | "primary" | "secondary" | "tertiary" | "info" | "warning" | undefined)[];
};
export type KendoSplitButtonOptions = {
size?: (typeof options.size)[number] | null;
rounded?: (typeof options.rounded)[number] | null;
fillMode?: (typeof options.fillMode)[number] | null;
themeColor?: (typeof options.themeColor)[number] | null;
};
export type KendoSplitButtonProps = KendoSplitButtonOptions & {
icon?: string;
text?: string;
iconClassName?: string;
showArrow?: boolean;
arrowIconName?: string;
popup?: React.JSX.Element;
/** @aria aria-expanded="true" when popup is visible */
opened?: boolean;
/** @aria aria-controls references the popup menu group id */
popupId?: string;
};
export type KendoSplitButtonState = {
[K in (typeof states)[number]]?: boolean;
};
export declare const SplitButton: KendoComponent<KendoSplitButtonProps & KendoSplitButtonState & React.HTMLAttributes<HTMLDivElement>>;
export default SplitButton;