New to Telerik UI for ASP.NET Core? Download free 30-day trial

BadgeTagHelper

Example

<kendo-badge>
</kendo-badge>

Attributes

Attribute Type Description
name String Sets the name of the component.
align BadgeAlign Defines the alignment of the badge
as-child-component Boolean
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.
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
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.
In this article
Not finding the help you need?