文件名称:React 通知变得简单:rocket:!
文件大小:290KB
文件格式:ZIP
更新时间:2024-06-28 09:23:42
Notification
React-Toastify :party_popper: React-Toastify 允许您轻松地向您的应用程序添加通知。 废话不多说! 安装 $ npm install --save react-toastify $ yarn add react-toastify 功能 易于真正设置,您可以在 10 秒内使其工作! 超级容易自定义 RTL 支持滑动关闭:OK_hand: 可以选择滑动方向超级容易使用您选择的动画。 例如与 animate.css 配合使用可以在 toast 中显示一个 react 组件! 有 onOpen 和 onClose 钩子。 两者都可以访问传递给在 toast 中渲染的 react 组件的 props 可以以编程方式删除一个 toast 定义每个 toast 的行为 当窗口失去焦点时暂停 toast :eye: 花式进度条显示剩余时间 更新 toast 的可能性 您可以控制进度条a la nprogress :astonished_face: 您可以限制同时显示的 Toast 数量 黑暗模式 :waxing_crescent_moon: 还有更多! 要点从
【文件预览】:
react-toastify-master
----example()
--------package.json(796B)
--------index.html(462B)
--------tsconfig.json(458B)
--------index.tsx(267B)
--------.gitignore(24B)
--------components()
--------yarn.lock(238KB)
--------index.css(3KB)
----package.json(3KB)
----.github()
--------FUNDING.yml(63B)
--------PULL_REQUEST_TEMPLATE.md(738B)
--------ISSUE_TEMPLATE.md(571B)
--------workflows()
----test()
--------helpers.ts(779B)
--------core()
--------components()
--------utils()
----LICENSE(1KB)
----CONTRIBUTING.md(2KB)
----src()
--------hooks()
--------core()
--------index.tsx(242B)
--------components()
--------types()
--------utils()
----tsconfig.json(741B)
----.gitignore(110B)
----CODE_OF_CONDUCT.md(3KB)
----scss()
--------_toast.scss(1KB)
--------_closeButton.scss(386B)
--------_progressBar.scss(739B)
--------animations()
--------_variables.scss(749B)
--------_toastContainer.scss(1KB)
--------minimal.scss(263B)
--------main.scss(293B)
----README.md(5KB)
----yarn.lock(395KB)