Skip to content
FEEDBACK · FREE

Badge

A small status label that makes state obvious in lists and menus.

A small status label that makes state obvious in lists and menus.

Why it helps

  • Small and clear
  • Pastel tones
  • Works on icons

Where it fits

  • Counts
  • Statuses
  • New labels
Badge control in a RayCraft page

Example

<Badge>Neutral</Badge>
<Badge Severity="Severity.Info">Info</Badge>
<Badge Severity="Severity.Success">Success</Badge>
<Badge Severity="Severity.Warning">Warning</Badge>
<Badge Severity="Severity.Error">Error</Badge>

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Included in RayCraft Free. Working examples are in the GitHub repository (MIT); it holds example and demo code, not the library code.

All controls ยท Documentation