Badge component


Simply set the Color attribute and you’re good to go.

<Badge Color="Color.Primary">Primary</Badge>
<Badge Color="Color.Secondary">Secondary</Badge>


Name Type Default Description
IsPill boolean false Makes badges more rounded.
Link string null Create a badge link and provide actionable badges with hover and focus states.
Color Colors None Component visual or contextual style variants.