文件名称：React-Toast:TailwindCSS保留了React +下的自定义推送通知（Toast）实现
文件大小：611KB
文件格式：ZIP
更新时间：2024-05-26 21:05:37
notifications toast react-toast react-notification react-toast-notifications
React吐司成分 描述 这是自定义的Toast组件，由react hooks和React Context API实现，并使用tailwindCSS框架隐藏。 随时通过实现启发：)这是我用于项目的UI库的修整。 该组件允许将通知推送到用户屏幕，并在设置时间或默认时间后自动将其删除。 示例实现了以下push-Events： 信息 错误 警告 成功 定制车身 概念 React灵敏 使用挂钩和上下文API 使用Tailwind和Fontawesome（所有功能都可以由端点用户调整） 安装 （!!!软件包在npm上不可用！！！） 克隆仓库git clone https://github.com/damikun/React-Toast.git 恢复包yarn install 生成并运行演示yarn run start 配置API 吐司供应商 通常放置在Providers.tsx或App
【文件预览】：
React-Toast-main
----.gitignore(4KB)
----setup.js(514B)
----images()
--------toast.PNG(15KB)
--------toast.gif(187KB)
----package.json(2KB)
----package-lock.json(763KB)
----src()
--------CSS()
--------react-app-env.d.ts(40B)
--------HomePage()
--------Providers.tsx(1KB)
--------Components()
--------App.css(564B)
--------index.tsx(222B)
--------Hooks()
--------App.tsx(378B)
----postcss.config.js(121B)
----dist()
--------ToastMessage.tsx(3KB)
--------ToastContainer.tsx(2KB)
--------ToastProvider.tsx(4KB)
----LICENSE(1KB)
----public()
--------robots.txt(67B)
--------index.html(664B)
--------favicon.ico(4KB)
--------manifest.json(492B)
----tsconfig.json(866B)
----.github()
--------ISSUE_TEMPLATE()
----README.md(3KB)
----.eslintcache(33KB)
----Step-By-Step.md(5KB)
----.vscode()
--------settings.json(748B)
--------launch.json(1KB)
--------tasks.json(3KB)
----images_tutorial()
--------PrepareProjectStructure.png(33KB)
----tailwind.config.js(2KB)
----yarn.lock(510KB)