Badge

Example

Razor

<kendo-badge>
</kendo-badge>

Attributes

Attribute	Type	Description
name	String	Sets the name of the component.
align	BadgeAlign	Defines the alignment of the badge
deferred	Boolean	Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-template	Boolean	When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
as-module	Boolean
cutout-border	Boolean	Specifies wether or not to render additional "cutout" border around the badge.
fill-mode	BadgeFill	Defines how theme colors are applied to a badge
has-client-component	Boolean
icon	String	Defines the name for an existing icon in a Kendo UI theme or SVG content. The icon is rendered inside the badge by a span.k-icon or span.k-svg-icon element.See web font icons help article for more details on Kendo UI icons.
max	Double	If text is a number, it will cap that number.
position	BadgePosition	Defines the position of the badge
rounded	Rounded	Sets a value controlling the border radius.
sanitize-id	Boolean
script-attributes	IDictionary<String,Object>
size	BadgeSize	Defines the size of the badge
template	String	The template which renders the content of the badge.
template-handler	String	The template which renders the content of the badge.
template-id	String	The template which renders the content of the badge.
template-view	IHtmlContent	The template which renders the content of the badge.
text	String	The text of the badge. Valid input includes string, number or object with toString method. Default is empty string.
theme-color	BadgeColor	Defines the color of the badge
visible	Boolean	If set to false the badge will not be displayed.