The Radzen Blazor Badge component is a small graphic that displays important information, like a count or label, within a user interface. It's commonly used to draw attention to something or provide visual feedback to the user.
These demos display badges with various styles (primary/secondary/success/danger/warning/info/light/dark), shades (lighter/light/default/dark/darker), variants (filled/outlined/text), pill shapes, and custom child content for flexible visual indicators.
To set a predefined badge style, use the BadgeStyle property, e.g. BadgeStyle="BadgeStyle.Primary".
Each badge style, except Light and Dark, comes with a set of shades. Use the Shade property, e.g. Shade="Shade.Lighter".
Each badge style and shade can be used with different badge variants. Use the Variant property, e.g. Variant="Variant.Outlined".
Use IsPill="true" for pill-shaped badges.
Define custom content with ease.