Alert

Alert 用于在页面中展示需要用户注意、但不打断流程的提示信息。下方预览由 pingo 引擎实时渲染，并跟随站点主题切换明暗。

用法

import { createElement } from "@dopejs/pingo";
import { Alert } from "@dopejs/pingo-ui";

root.render(
  createElement(Alert, {
    title: "提示",
    children: "你的配置已自动保存。",
  }),
);

示例

破坏性提示

variant="destructive" 用于错误或失败场景：边框与标题变为破坏性配色，描述文字保持常规前景色以保证可读性。

createElement(Alert, {
  title: "同步失败",
  variant: "destructive",
  children: "请检查网络连接后重试。",
});

Props

无障碍

Alert 是纯静态文本区块，不抢焦点；请用简洁的 title 概括结论，把细节放在描述中。需要用户确认或处理的场景请改用 AlertDialog。