Persilsoft.SweetAlert.Blazor 1.0.0

SweetAlert Blazor

Blazor implementation of SweetAlert (a popular Javascript modal popup library)

Example

First, you need to register the service.

builder.Services.AddSweetAlertService();

Now you can use it.

@page "/"
@inject SweetAlertService SweetAlertService

<button class="btn btn-primary" @onclick=ShowSimpleMessage>Show a simple message</button>
<button class="btn btn-warning" @onclick=ShowWithHeaderIconAndButton>Show a message, title, icon and button</button>
<button class="btn btn-danger" @onclick=Confirm>Show confirm</button>

@code {
    private async void ShowSimpleMessage()
    {
        await SweetAlertService.ShowAlert(new AlertArgs
        {
            Text = "This is a simple message"
        });
    }

    public async void ShowWithHeaderIconAndButton()
    {
        await SweetAlertService.ShowAlert(new AlertArgs
        {
            Title = "Error",
            Text = "This is a danger message",
            Icon = Icon.Error,
            DangerMode = true,
            Button = new { Text = "Close" }
        });
    }

    private async void Confirm()
    {
        var Parameters = new ConfirmArgs(
            title: "Remove product?",
            text: "Are you sure to remove this product from your order?",
            icon: Icon.Warning,
            abortText: "No, I want to keep it in my order",
            confirmText: "Yes, I want to remove this product",
            dangerMode: true);

        var Result = await SweetAlertService.ConfirmAsync(Parameters);
    }
}