Possible to have links in Toast?

Currently I have a toast that e.g. says:

ITEM DELETED SUCCESSFULLY

Now I want to give the user a chance to undo his action.

For this I am looking for a way to output something like:

ITEM DELETED SUCCESSFULLY

[Undo]

Where the [Undo] could be a button or a link.

I’ve seen the example where you add formatting like <strong> to the message, but I cannot deduce a way for me to add a Blazor link and bind its click to a C# method of mine.

My question

Is there any way to add a link/button and bind it to a C# method I can provide?

[chrissainty]

Ok, I’ll tag this as a potential feature and we can go from there.

[Jcparkyn]

I’ve found a workaround that can be used to solve this.

1. Create a separate .razor file with the button and/or other content you want in the modal, and the required services injected (to handle the button event).

@inject ISomeService SomeService

<p>Some (optional) content</p>
<button @onclick="SomeService.SomeAction">Perform Action</button>

1. Add this method to the @code section:

public static RenderFragment GetRenderFragment() => @<NameOfRazorFile/>;

1. Then, to show the component in a Toast:

var fragment = SomeNamespace.NameOfRazorFile.GetRenderFragment();
toastService.ShowSuccess(fragment, "Toast Title");

If you need to call an instance method or pass other data from the calling code, you could do this:

<p>Some (optional) content</p>
<button @onclick="OnClick">@Text</button>

@code {
    [Parameter] public Action OnClick { get; set; }
    [Parameter] public string Text { get; set; }

    public static RenderFragment GetRenderFragment(Action onClick, string text)
        => @<NameOfRazorFile OnClick="@onClick" Text="@text"/>;
}

Then call it like this:

var fragment = SomeNamespace.NameOfRazorFile.GetRenderFragment(
    () => Console.WriteLine("button clicked"),
    "Button name");
toastService.ShowSuccess(fragment, "Toast Title");