@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
28 lines (27 loc) • 1.08 kB
TypeScript
import { KendoComponent } from '../_types/component';
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: KendoComponent<KendoChipProps & KendoChipState & React.HTMLAttributes<HTMLDivElement>>;
export default Chip;