SusBanner

用于公告的紧凑全宽条 — 文本、可选图标、操作插槽。

包

SusKit · 原子（商业）

在 Playground 中打开

SusKit · Atoms

属性

名称	类型	默认值
Text	Prop<string>	""	v-model
Color	Prop<string>	"primary"	v-model
Icon	Prop<string>	""	v-model
Sticky	Prop<bool>	false	v-model
Lines	Prop<string>	"one"	v-model

插槽

名称
（默认）
actions

事件

没有公开事件。

样式钩子

USS 类契约 — 无需改 C# 即可覆盖外观。状态通过这些类切换：

• sus-banner
• sus-banner__actions
• sus-banner__body
• sus-banner__icon
• sus-banner__text
• sus-banner--error
• sus-banner--primary
• sus-banner--secondary
• sus-banner--sticky
• sus-banner--success
• sus-banner--two-lines
• sus-banner--warning
• sus-slot

用法

<template>
  <sus:SusBanner Text="Maintenance window starts in 15 minutes."
                  Color="warning"
                  Icon="info"
                  Lines="one">
    <template #actions>
      <sus:SusButton Text="Details" Variant="text" Size="small" />
    </template>
  </sus:SusBanner>
</template>

var banner = new SusBanner();
banner.Text.Value = "Banner message";
banner.Color.Value = "primary";
banner.Icon.Value = "info";
banner.Lines.Value = "one";

行数

one · two · three