Toast 通知中心

React用户体验通知更新于 2026-08-01

使用场景: 需要非阻塞反馈的任何应用——保存确认、错误提示、撤销操作。

安装
npx skills add toast-notification-center
克隆
git clone https://github.com/skillhub-community/toast-notification-center.git

描述

提供 `useToast()` Hook 和 `<ToastContainer />` 组件,具备队列渲染、自动消失计时器、滑动关闭和四种变体:信息、成功、警告、错误。

完全无障碍——Toast 使用 `role="status"`(礼貌)或 `role="alert"`(错误),批量关闭时容器管理焦点顺序。

AI Hub

跑 Skill 需要模型接口?

AI Hub 提供 OpenAI 兼容接口,给 Cursor / Claude Code / Agent 用。

打开 AI Hub

元数据

作者@ux_raj
许可证MIT
版本1.3.1
依赖0