用途:sgds-alert 用于展示简短的情境反馈消息,sgds-alert-link 用于在提示正文中渲染带样式的内联链接,官方建议用它替代自建通知横幅。
主要能力:variant 支持 info(默认)、success、danger、warning、neutral 五种主题;outlined 切换为浅色描边样式;dismissible 显示关闭按钮;show 控制可见性;title 为纯文本标题;icon 插槽可放单个 sgds-icon 或 SVG,可省略;默认插槽承载正文 HTML,链接须用 sgds-alert-link(href、target)。事件有 sgds-show、sgds-hide,方法 close() 可将 show 置为 false。
用法:安装与框架集成见 sgds-components-setup(React 19+ 与 React ≤18、Vue、Angular 语法不同)。基本写法:<sgds-alert show variant="info" title="Title"><sgds-icon slot="icon" name="info-circle-fill"></sgds-icon><div>Description with <sgds-alert-link href="#">link</sgds-alert-link></div></sgds-alert>。无论是否可关闭,都必须设置 show 才可见。
限制:不暴露自定义属性与 CSS part,不能修改样式;title 仅接受纯文本,不可传 HTML。其余细节资料未提供。