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

A collection of HTML helpers used for developing Kendo UI themes

export declare const CHIP_CLASSNAME = "k-chip";
declare const states: ("active" | "focus" | "disabled" | "selected" | "hover")[];
declare const options: {
    size: ("small" | "medium" | "large")[];
    rounded: ("small" | "medium" | "full" | "large")[];
    fillMode: ("outline" | "solid")[];
    themeColor: ("base" | "error" | "success" | "info" | "warning")[];
};
export type KendoChipOptions = {
    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 KendoChipProps = KendoChipOptions & {
    text?: string;
    icon?: string;
    actions?: React.JSX.Element | string;
    showAvatar?: boolean;
    avatarImage?: string;
};
export type KendoChipState = {
    [K in (typeof states)[number]]?: boolean;
};
export declare const Chip: {
    (props: KendoChipProps & KendoChipState & React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
    states: ("active" | "focus" | "disabled" | "selected" | "hover")[];
    options: {
        size: ("small" | "medium" | "large")[];
        rounded: ("small" | "medium" | "full" | "large")[];
        fillMode: ("outline" | "solid")[];
        themeColor: ("base" | "error" | "success" | "info" | "warning")[];
    };
    className: string;
    defaultOptions: {
        size: "medium";
        rounded: "medium";
        fillMode: "solid";
        themeColor: "base";
        avatarImage: string;
    };
};
export default Chip;