Notification

1. Notificaciones mínimas

Nota
En este ejemplo se implementan botones, por lo que se recomienda ver la documentación del mismo.

@using Astrol.Entities.Basic.Static.Notification

@using Astrol.Component.Basic.Button

@using Astrol.Entities.Basic.UI

@using Astrol.JSInterop.Base

@inject AstrolJSInterop jsI

<AstrolButton OnClick="x=>ShowMinimalNotification()"

 Style="AstrolStyle.Blue"

 Text="Click me" />

@code {

 private async Task ShowMinimalNotification() {

 await Task.Delay(400);

 await jsI.Notification("Minimum notification <h1>Base</h1>".NotificationBase());

 await Task.Delay(400);

 await jsI.Notification("Minimum notification <h1>None</h1>".NotificationNone());

 await Task.Delay(400);

 await jsI.Notification("Minimum notification <h1>Info</h1>".NotificationInfo());

 await Task.Delay(400);

 await jsI.Notification("Minimum notification <h1>Error</h1>".NotificationError());

 await Task.Delay(400);

 await jsI.Notification("Minimum notification <h1>Warning</h1>".NotificationWarning());

 await Task.Delay(400);

 await jsI.Notification("Minimum notification <h1>Aucces</h1>".NotificationSuccess());

2. Notificaciones personalizadas

@using Astrol.Component.Basic.Button

@using Astrol.Entities.Basic.UI

@using Astrol.JSInterop.Base

@inject AstrolJSInterop jsI

<AstrolButton OnClick='x => ShowNotification("Hello World!", "astrol-ok", AstrolStyle.Blue)'

 Style='AstrolStyle.Blue'

 Text='Click me' />

@code {

 private async Task ShowNotification(string message,string icon, AstrolStyle type, bool outline = false) {

 await jsI.Notification(new Notification

 Type = type,

 Icon = icon,

 Message = message,

 Outline = outline,

});

Message (string), texto a mostrar.
Icon (string), ícono a mostrar (por defecto es astrol-warning).
ShowLoad (bool), si desea que se muestre el tiempo de vida (por defecto es true).
Outline (bool), si desea no tenga relleno (por defecto es false).
Time (int), tiempo de vida de la notificación en segundos (por defecto es 5).
Type (AstrolStyle), define el estilo del botón (por defecto es ButtonStyle.Base).
- Base (enum)
- White (enum)
- Black (enum)
- Red (enum)
- Orange (enum)
- Green (enum)
- Blue (enum)
- Yellow (enum)