BadgeComponent

Represents the Kendo UI Badge component for Angular. Used to display additional information or status that is related to an element.

Selector

kendo-badge

Inputs

Name	Type	Default	Description
align	BadgeAlign	"{ vertical: 'top', horizontal: 'end' }"	Specifies the alignment of the Badge (see example). The possible values are: { vertical: 'top', horizontal: 'end' } { vertical: 'top', horizontal: 'start' } { vertical: 'bottom', horizontal: 'start' } { vertical: 'bottom', horizontal: 'end' }
cutoutBorder	boolean	false	Specifies whether or not to render additional cutout border around the Badge (see example). The possible values are: true false
fill	BadgeFill	solid	Specifies the appearance fill style of the Badge (see example). The possible values are: solid outline none
position	BadgePosition	edge	Specifies the position of the Badge relative to the edge of the parent container element (see example). The possible values are: edge inside outside
rounded	BadgeRounded	medium	Specifies the roundness of the Badge (see example). The possible values are: small medium large full none
size	BadgeSize	medium	Specifies the size of the Badge (see example). The possible values are: small medium large none
themeColor	BadgeThemeColor	primary	Specifies the theme color of the Badge. The theme color will be applied as background and border color, while also amending the text color accordingly (see example). The possible values are: primary secondary tertiary inherit info success warning error dark light inverse none