Default Light
MgLibrary
Overview
Installation
Buttons
Cards
Charts
Codes
Data Grids
Dropdowns
Editors
Headers & Animations
Icons
Indicators
Inputs
Lists
Modals
Menus
Panels
Pills & Chips
Scheduling
Tabs
Time Line
Trees
Customization

Badges

Small visual indicators used to convey status, counts, or categories. Badges can be used standalone or as overlays on icons and buttons.

Use this example to explore default behavior, customization points, and accessibility-friendly patterns in a real Blazor page.

Badges

MgBadge

API Reference: MgBadge

Property Type Default Description
DisplayText string "" The text to display inside the badge.

API Reference: MgIconBadge

Property Type Default Description
IconName string null Bootstrap icon class.
BadgeText string null Text to display in the badge overlay.
An unhandled error has occurred. Reload 🗙