@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
37 lines (36 loc) • 1.5 kB
TypeScript
export declare const BADGE_CLASSNAME = "k-badge";
declare const options: {
size: ("small" | "medium" | "large")[];
rounded: ("small" | "medium" | "full" | "large")[];
fillMode: ("outline" | "solid")[];
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
};
export type KendoBadgeOptions = {
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 KendoBadgeProps = KendoBadgeOptions & {
cutoutBorder?: boolean;
position?: null | 'edge' | 'inside' | 'outside';
align?: null | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
};
export declare const Badge: {
(props: KendoBadgeProps & React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
states: any[];
options: {
size: ("small" | "medium" | "large")[];
rounded: ("small" | "medium" | "full" | "large")[];
fillMode: ("outline" | "solid")[];
themeColor: ("base" | "error" | "inverse" | "success" | "dark" | "light" | "primary" | "secondary" | "tertiary" | "info" | "warning")[];
};
className: string;
defaultOptions: {
size: "medium";
fillMode: "solid";
themeColor: "primary";
cutoutBorder: boolean;
};
};
export default Badge;