@progress/kendo-vue-indicators
Version:
94 lines (93 loc) • 3.11 kB
TypeScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
import { BadgeAlign } from './BadgeProps';
import { PropType } from 'vue';
/**
* Represents the [Kendo UI for Vue Badge component]({% slug api_indicators_badgeprops %}).
*
* @example
* ```jsx
* <Badge>99+</Badge>
* ```
*/
declare const Badge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
dir: PropType<string>;
align: {
type: PropType<BadgeAlign>;
default: () => BadgeAlign;
};
size: {
type: PropType<"small" | "medium" | "large">;
validator: (value: string) => boolean;
};
fillMode: {
type: PropType<"solid" | "outline">;
validator: (value: string) => boolean;
};
themeColor: {
type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse" | "inherit">;
validator: (value: string) => boolean;
};
rounded: {
type: PropType<"small" | "medium" | "large" | "none" | "full">;
validator: (value: string) => boolean;
};
position: {
type: PropType<string>;
default: string;
validator: (value: string) => any;
};
cutoutBorder: PropType<boolean>;
}>, {}, {}, {
badgeClasses(): {
[x: string]: any;
'k-badge': boolean;
'k-badge-sm': boolean;
'k-badge-md': boolean;
'k-badge-lg': boolean;
'k-badge-border-cutout': any;
'k-top-start': boolean;
'k-top-end': boolean;
'k-bottom-start': boolean;
'k-bottom-end': boolean;
};
}, {
focusElement(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
dir: PropType<string>;
align: {
type: PropType<BadgeAlign>;
default: () => BadgeAlign;
};
size: {
type: PropType<"small" | "medium" | "large">;
validator: (value: string) => boolean;
};
fillMode: {
type: PropType<"solid" | "outline">;
validator: (value: string) => boolean;
};
themeColor: {
type: PropType<"primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "inverse" | "inherit">;
validator: (value: string) => boolean;
};
rounded: {
type: PropType<"small" | "medium" | "large" | "none" | "full">;
validator: (value: string) => boolean;
};
position: {
type: PropType<string>;
default: string;
validator: (value: string) => any;
};
cutoutBorder: PropType<boolean>;
}>> & Readonly<{}>, {
position: string;
align: BadgeAlign;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export { Badge };