提示 (Toast)

主要用于操作提示，支持不同样式。

概述

提示位置默认顶上居中
支持默认、主要、成功、信息、警告、危险样式
默认3000毫秒后自动关闭
内容支持html字符

代码演示

1.默认示例

namespace WebSite.Docus.Feedback.Toasts;

class Toast1 : BaseComponent
{
    protected override void BuildRenderTree(RenderTreeBuilder builder)
    {
        builder.Button("默认", Callback(OnDefault));
        builder.Button("主要", Callback(OnPrimary), StyleType.Primary);
        builder.Button("成功", Callback(OnSuccess), StyleType.Success);
        builder.Button("信息", Callback(OnInfo), StyleType.Info);
        builder.Button("警告", Callback(OnWarning), StyleType.Warning);
        builder.Button("危险", Callback(OnDanger), StyleType.Danger);
    }

    private void OnDefault() => UI.Toast("这里是默认类提示！", StyleType.Default);
    private void OnPrimary() => UI.Toast("这里是主要类提示！", StyleType.Primary);
    private void OnSuccess() => UI.Toast("这里是成功类提示！", StyleType.Success);
    private void OnInfo() => UI.Toast("这里是信息类提示！", StyleType.Info);
    private void OnWarning() => UI.Toast("这里是警告类提示！", StyleType.Warning);
    private void OnDanger() => UI.Toast("这里是危险类提示！", StyleType.Danger);
}

2.自定义示例

namespace WebSite.Docus.Feedback.Toasts;

class Toast2 : BaseComponent
{
    protected override void BuildRenderTree(RenderTreeBuilder builder)
    {
        builder.Button("自定义内容", Callback(OnContent), StyleType.Primary);
    }

    private void OnContent() => UI.Toast("<h1>这里是自定义内容提示！</h1>", StyleType.Primary);
}