横幅通知 (Banner)

主要用于系统级和模块级重要通知提醒。

概述

横幅可嵌入任何位置
支持默认、主要、成功、信息、警告、危险样式
默认手动点击图标关闭

代码演示

1.默认示例

namespace WebSite.Docus.Feedback.Banners;

class Banner1 : BaseComponent
{
    protected override void BuildRenderTree(RenderTreeBuilder builder)
    {
        builder.Banner(StyleType.Default, "这里是默认类横幅通知！");
        builder.Banner(StyleType.Primary, "这里是主要类横幅通知！");
        builder.Banner(StyleType.Success, "这里是成功类横幅通知！");
        builder.Banner(StyleType.Info, "这里是信息类横幅通知！");
        builder.Banner(StyleType.Warning, "这里是警告类横幅通知！");
        builder.Banner(StyleType.Danger, "这里是危险类横幅通知！");
    }
}

2.自定义模板示例

namespace WebSite.Docus.Feedback.Banners;

class Banner2 : BaseComponent
{
    protected override void BuildRenderTree(RenderTreeBuilder builder)
    {
        builder.Banner(StyleType.Primary, b => b.Span("fa fa-check bold", "这里是自定义横幅通知！"));
    }
}