1. Demo AstrolAlert

A diferencia de las notificaciones, un aviso se queda en la página hasta que la situación cambia (o el usuario lo cierra con Closable). Los de error y advertencia se anuncian al momento a los lectores de pantalla.

@using Astrol.Component.Basic.Alert

<AstrolAlert Text="Your trial ends in 5 days." />

<AstrolAlert Status="AstrolStatus.Success" Title="Saved" Text="The customer was updated." Closable="true" />

<AstrolAlert Status="AstrolStatus.Warning" Text="Some fields are empty." />

<AstrolAlert Status="AstrolStatus.Danger" Title="Could not save" Text="The server did not respond.">

 <Actions>

 <AstrolButton Text="Retry" Icon="astrol-arrows-cw" Style="AstrolStyle.Red" />

 <AstrolButton Text="Details" Style="AstrolStyle.White" />

 </Actions>

</AstrolAlert>

<AstrolAlert Status="AstrolStatus.Brand" Icon="astrol-flash" Text="New: tabs, checkboxes and radios." />

Parámetros que admite

• Status (AstrolStatus), Info (por defecto), Success, Warning, Danger, Brand o Neutral: color e icono.
• Title (string), título en negrita (opcional).
• Text (string) o ChildContent (RenderFragment), el mensaje.
• Actions (RenderFragment), botones o enlaces debajo del mensaje.
• Icon (string), icono propio; ShowIcon (bool), mostrar el icono (por defecto true).
• Closable (bool), botón de cerrar; OnClose (EventCallback) al cerrarlo; CloseText (string); Show() lo vuelve a mostrar.
• Class (string), clase css adicional.