<PrimerCircleBadge IconName="IconName.Rocket16"
Variant="CircleBadgeVariant.Small"
BackgroundColor="CircleBadgeBgColor.Danger"
IconColor="CircleBagdeIconColor.Success"
@onclick="HandleClick" />
<PrimerCircleBadge IconName="IconName.Star16"
Variant="CircleBadgeVariant.Medium"
BackgroundColor="CircleBadgeBgColor.Success"
IconColor="CircleBagdeIconColor.OnEmphasis" />
<PrimerCircleBadge IconName="IconName.Bell16"
Variant="CircleBadgeVariant.Large"
BackgroundColor="CircleBadgeBgColor.Accent"
IconColor="CircleBagdeIconColor.Info" />Available options for CircleBadge component
| Name | Description | Default Value |
|---|---|---|
IconName | Icon displayed inside the badge | - |
Variant | Badge size (XSmall, Small, Medium, Large) | Medium |
BackgroundColor | Badge background color | Default |
IconColor | Icon color | Default |
private void HandleClick(MouseEventArgs e)
{
Console.WriteLine("Circle badge clicked!");
}