@progress/kendo-themes-html/dist/types/button/button.spec.d.ts

A collection of HTML helpers used for developing Kendo UI themes

import { KendoComponent } from '../_types/component';
export declare const BUTTON_CLASSNAME = "k-button";
declare const BUTTON_VARIANTS: readonly ["icon-button"];
declare const states: readonly ["hover", "focus", "active", "selected", "disabled", "generating"];
declare const options: {
    size: ("small" | "medium" | "large")[];
    rounded: ("small" | "medium" | "full" | "large")[];
    fillMode: ("link" | "flat" | "clear" | "outline" | "solid")[];
    themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
};
export type KendoButtonOptions = {
    size?: (typeof options.size)[number] | null;
    rounded?: (typeof options.rounded)[number] | null;
    fillMode?: (typeof options.fillMode)[number] | null;
    themeColor?: (typeof options.themeColor)[number] | null;
    variant?: (typeof BUTTON_VARIANTS)[number] | null;
};
export type KendoButtonProps = KendoButtonOptions & {
    icon?: string;
    text?: string;
    iconClassName?: string;
    showArrow?: boolean;
    arrowIconName?: string;
};
export type KendoButtonState = {
    [K in (typeof states)[number]]?: boolean;
};
export declare const Button: KendoComponent<KendoButtonProps & KendoButtonState & React.HTMLAttributes<HTMLButtonElement>>;
export default Button;