BadgeComponent
Represents the Kendo UI Badge component for Angular. Displays additional information or status related to an element, such as notifications or counts.
Provides configuration options for alignment, size, fill, theme color, roundness, position, and cutout border.
Definition
Package:@progress/kendo-angular-indicators
Selector:kendo-badge
Syntax:
<kendo-badge size="large" themeColor="success">99+</kendo-badge>Inputs
Specifies the alignment of the Badge (see example).
"{ vertical: 'top', horizontal: 'end' }"
cutoutBorder
boolean
Specifies whether to render additional cutout border around the Badge (see example).
false
Specifies the appearance fill style of the Badge (see example). The default value is set by the Kendo theme.
Specifies the position of the Badge relative to the edge of the parent container element (see example).
'edge'
Specifies the roundness of the Badge (see example). The default value is set by the Kendo theme.
Specifies the size of the Badge (see example). The default value is set by the Kendo theme.
Specifies the theme color of the Badge. The theme color applies as background and border color, while also amending the text color accordingly (see example). The default value is set by the Kendo theme.