MudBlazor

Community Support

Discord

GitHub Discussions

Tools and resources

TryMudBlazor

Templates

Sponsor

Open Collective


Switch to Blazor wasm
Toggle light/dark theme
GitHub repository
Toggle right-to-left/left-to-right

Community Support

Discord

GitHub Discussions

Tools and resources

TryMudBlazor

Templates

Sponsor

Open Collective

MudBadge

API documentation.

Check out the Examples for this component.

Properties

Name Type Default Description
Color Color Color.Default The color of the badge.
Bottom Boolean False Aligns the badge to bottom.
Start Boolean False Aligns the badge to the start (Left in LTR and right in RTL).
Dot Boolean False Reduces the size of the badge and hide any of its content.
Overlap Boolean False Overlaps the childcontent on top of the content.
Bordered Boolean False Applies a border around the badge.
Icon String null Sets the Icon to use in the badge.
Max Int32 99 Max value to show when content is integer type.
Content Object null Content you want inside the badge. Supported types are string and integer.
ChildContent RenderFragment null Child content of component, the content that the badge will apply to.
OnClick EventCallback<MouseEventArgs> Button click event if set.
Class String null User class names, separated by space
Style String null User styles, applied on top of the component's own classes and styles
Tag Object null Use Tag to attach any user data object to the component for your convenience.
UserAttributes Dictionary<String, Object> UserAttributes carries all attributes you add to the component that don't match any of its parameters. They will be splatted onto the underlying HTML tag.
An error has occurred. This application may no longer respond until reloaded. Reload 🗙