Overview
Badges notify the user of a status, for example that there are new or unread messages or notifications. They typically describe or relate to another element on the page. Badges scale so that their height matches the font-size of their immediate parent element by using relative font sizing and em units.
Usage
<modus:TMBadge Text="Primary"
Color="Primary"
Shape="Rectangle"
BadgeSize="Medium"/>
Result
Small
Properties
| Property | type | Description |
|---|---|---|
| BadgeText | string | Title of the badge |
| BadgeSize | BadgeSize
| Defines the height of the badge |
| BadgeColor | BadgeColor
| Defines the color of the badge |
| Shape | BadgeShape
| Defines whether the badge needs to be displayed as rectangle or with a corner radius |