SusAlert

行内反馈块 — 标题 + 正文，类型化严重级别，可选关闭。

包

SusKit · 原子（商业）

在 Playground 中打开

SusKit · Atoms

属性

名称	类型	默认值
Type	Prop<string>	"info"	v-model
Text	Prop<string>	""	v-model
Title	Prop<string>	""	v-model
Icon	Prop<string>	""	v-model
Closable	Prop<bool>	false	v-model
Prominent	Prop<bool>	false	v-model
Border	Prop<string>	"left"	v-model
Density	Prop<string>	"default"	v-model
Variant	Prop<string>	"tonal"	v-model

插槽

名称
（默认）

事件

名称	字段	载荷
Close	OnClose	—

样式钩子

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

• sus-alert
• sus-alert__body
• sus-alert__close
• sus-alert__icon
• sus-alert__text
• sus-alert__title
• sus-alert--border-bottom
• sus-alert--border-left
• sus-alert--border-right
• sus-alert--border-top
• sus-alert--closable
• sus-alert--density-comfortable
• sus-alert--density-compact
• sus-alert--error
• sus-alert--flat
• sus-alert--info
• sus-alert--outlined
• sus-alert--prominent
• sus-alert--success
• sus-alert--text
• sus-alert--tonal
• sus-alert--warning
• unity-label
• unity-text-element

用法

<template>
  <sus:SusAlert Type="warning"
                Title="Unsaved changes"
                Text="Leave this screen and you will lose edits."
                Variant="tonal"
                Closable="true"
                @close="OnDismiss" />
</template>

<script>
void OnDismiss() { /* hide or clear */ }
</script>

var alert = new SusAlert();
alert.Type.Value = "info";
alert.Title.Value = "Sync complete";
alert.Text.Value = "Your loadout is up to date.";
alert.Variant.Value = "tonal";
alert.OnClose += () => { /* … */ };

类型

info · success · warning · error

变体

tonal · outlined · text · flat