用途:Syncfusion EJ2 JavaScript Notifications 提供三个用于构建用户反馈界面的 UI 组件,均来自包 @syncfusion/ej2-notifications,支持 TypeScript/JavaScript 命令式 API 与事件。
主要能力:Message 用于显示带严重级别指示(图标与颜色)的上下文消息,支持 Normal、Success、Info、Warning、Error 五级,Text、Outlined、Filled 三种变体,可关闭、自定义模板;Skeleton 渲染模拟加载内容布局的动画占位形状,支持 Circle、Square、Rectangle、Text 形状与 Wave、Pulse、Fade 微光动画;Toast 显示自动消失的简短通知,支持模板、操作按钮、进出动画、九种预设位置与自定义坐标,并可通过 ToastUtility 直接调用。
使用方式:安装 npm install @syncfusion/ej2-notifications@33.x.x --save,随后在样式文件中导入 ej2-base 与 ej2-notifications 的主题 CSS(如 tailwind3.css,另有 material.css、bootstrap5.css、fluent.css、fabric.css)。组件通过 new Message/Skeleton/Toast 配置后 appendTo 挂载,Toast 可调用 show()/hide(),或用 ToastUtility.show('内容','Success',3000) 快速显示。
适用场景:表单与操作结果提示、加载占位、会话过期提醒、需用户确认的操作(如删除确认)等。
限制:资料未提供收费、价格与具体平台信息;浏览器支持最新版 Chrome、Firefox、Safari、Edge,IE11 需 polyfill;版本 33.x.x 为当前推荐,32.x.x、31.x.x 受支持,低于 30.x.x 为旧版。无障碍方面符合 WCAG 2.2 AA、Section 508、ADA,支持键盘导航与屏幕阅读器。