ButtonGroupItemBadgeSettingsTagHelper

Example

Razor

<badge/>

Attributes

Attribute	Type	Description
align	BadgeAlign	Specifies the badge position relative to the button. Valid position options are: TopStart, TopEnd, BottomStart, BottomEnd. Works in conjunction with items.badge.position.
cutout-border	Boolean	Specifies wether or not to render additional "cutout" border around the badge.
enabled	Boolean	Enables or disables the configuration.
fill	BadgeFill	Specifies the structure of a badge. Valid options are Solid (default) and Outline.
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.
max	Double	If text is a number, it will cap that number.
position	BadgePosition	Specifies the badge position relative to the edge of the button. Valid placement options are: Inline, Edge, Inside, Outside. Note: position configuration, other than inline requires the badge to be aligned. See items.badge.align for more details.
shape	BadgeShape	Specifies the shape of the badge. Valid options are Rectangle, Rounded, Pill, Circle, Dot.
size	BadgeSize	Specifies the size of the badge. Valid options are Small, Medium and Large.
template	String	The template which renders the content of the badge.
template-handler	String	The template which renders the content of the badge. This option expects the name of a JavaScript function that will be called to return the template.
template-id	String	The template which renders the content of the badge. This option expects the ID of the script element that contains the template.
template-view	IHtmlContent	The template which renders the content of the badge. This option expects the instance containing the created HTML.
text	String	The text of the badge. Valid input includes string, number or object with toString method. Default is empty string.
theme-color	BadgeColor	Specifies the color of the component. Valid options are Inherit, Default, Primary, Secondary, Tertiary, Info, Success, Warning, Error, Dark, Light, Inverted.
visible	Boolean	If set to false the badge will not be displayed.