MaterialBadge

November 3, 2023 ยท View on GitHub

Badges show notifications, counts, or status information on navigation items and icons
View Material Design documentation

Screenshot

Example

<material3:MaterialBadge 
    Text="999+"
    Type="Large" />

Documentation

Property Type:

This property is to set the badge type.

Allowed values

  • Small
  • Large

Property Text:

This property is to the text of the badge. it's only supported on Large type

Property TextColor:

This property is to the text color of the badge. it's only supported on Large type

Property FontSize:

This property is to the font size of the badge. it's only supported on Large type

Property FontFamily:

This property is to the font family of the badge. it's only supported on Large type

Property BackgroundColor:

This property is to set the badge background color.

Property CornerRadius:

This property is to set the corner radius of the badge.