npm Toastify

Toastify 是一个基于 JavaScript 的开源通知库，它可以帮助开发人员在他们的 Web 应用程序中添加简单和轻量级的通知消息。Toastify 提供了丰富的配置选项，可以定制通知的外观和行为，包括颜色、时长、位置和动画效果等。

安装

使用 npm 安装 Toastify：

npm install toastify-js

使用

在项目中引入 Toastify：

import Toastify from 'toastify-js';

创建一个通知：

Toastify({
  text: "Hello, world!",
  duration: 3000,  // 3 秒
}).showToast();

Toastify 还支持其他配置选项，例如：

• backgroundColor：背景颜色
• position：位置（top-left、top-right、bottom-left、bottom-right）
• gravity：重力（top、bottom、center）
• stopOnFocus：当窗口获得焦点时是否停止通知的持续时间

例如：

Toastify({
  text: "Hello, world!",
  duration: 3000,
  gravity: "top",
  position: "left",
  backgroundColor: "linear-gradient(to right, #00b09b, #96c93d)",
  stopOnFocus: true,
}).showToast();

Toastify 还有许多其他配置选项和 API，详见官方文档。

结论

Toastify 是一个易于使用且高度可定制的通知库，它对于开发人员来说是一种快速方便的方式，可以添加简单却强大的通知功能。如果您正在处理 Web 应用程序，并且需要在用户界面中显示通知，那么 Toastify 绝对是个不错的选择！