ButtonBadgeSettingsTagHelper
Example
Razor
<badge/>Attributes
| Attribute | Type | Description |
|---|---|---|
| align | BadgeAlign | Specifies alignment of the badge relative to button. Valid position options are: top start, top end, bottom start, bottom end. works in conjunction with 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-mode | BadgeFill | Sets a value controlling how the color is applied to the badge. When undefined (the default), the theme controls the fill mode. Can also be set to the following string values: "solid" or "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 position of the badge relative to the edge of the button. Valid placemnt options are: inline, edge, inside, outside.Note: position configuration, other than inline, requires the badge to be aligned. See badge.align for more details. |
| shape | BadgeShape | Specifies the shape of the badge. Valid options are: rectangle, rounded, pill, circle, dot. |
| size | BadgeSize | Sets a value controlling the size of the badge. When undefined (the default), the theme controls the size. Can also be set to the following string values: "small"; "medium" or "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. |