1. Demo AstrolBadge

El color sale de Status (el mismo AstrolStatus de AstrolAlert); Brand usa el color del tema. Úselas en tablas, tarjetas o junto a un título.

@using Astrol.Component.Basic.Badge

@foreach (var status in Enum.GetValues<AstrolStatus>())

{

 <AstrolBadge Status="status" Text="@status.ToString()" />

}

<AstrolBadge Status="AstrolStatus.Success" Dot="true" Text="Active" />

<AstrolBadge Status="AstrolStatus.Warning" Dot="true" Text="Pending" />

<AstrolBadge Status="AstrolStatus.Danger" Icon="astrol-cancel" Text="Blocked" Outline="true" />

<AstrolBadge Status="AstrolStatus.Brand" Icon="astrol-star" Text="Pro" />

<AstrolBadge Text="12" Title="Unread messages" />

Parámetros que admite

• Text (string) o ChildContent (RenderFragment), el texto.
• Status (AstrolStatus), Neutral (por defecto), Brand, Info, Success, Warning o Danger.
• Icon (string), icono delante del texto; Dot (bool), punto de color en su lugar.
• Outline (bool), solo borde, sin fondo (por defecto false).
• Title (string), texto al pasar el ratón; Class (string).