[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10111":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":34,"readmeContent":35,"aiSummary":36,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":37,"discoverSource":38},10111,"react-toastify","fkhadra\u002Freact-toastify","fkhadra","React notification made easy 🚀 !","https:\u002F\u002Ffkhadra.github.io\u002Freact-toastify\u002Fintroduction",null,"TypeScript",13432,742,45,72,0,2,4,8,6,43.61,"MIT License",false,"main",true,[27,28,29,30,31,32,33],"javascript","notification","react","react-component","reactjs","snackbar","toast","2026-06-12 02:02:17","# React-Toastify\n\n[![Financial Contributors on Open Collective](https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Fall\u002Fbadge.svg?label=financial+contributors)](https:\u002F\u002Fopencollective.com\u002Freact-toastify) ![React-toastify CI](https:\u002F\u002Fgithub.com\u002Ffkhadra\u002Freact-toastify\u002Fworkflows\u002FReact-toastify%20CI\u002Fbadge.svg)\n![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Freact-toastify.svg?label=%E2%8F%ACdownloads&style=for-the-badge)\n![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Freact-toastify.svg?style=for-the-badge)\n![NPM](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fl\u002Freact-toastify.svg?label=%F0%9F%93%9Clicense&style=for-the-badge)\n![Coveralls github](https:\u002F\u002Fimg.shields.io\u002Fcoveralls\u002Fgithub\u002Ffkhadra\u002Freact-toastify.svg?label=%E2%9B%B1coverage&style=for-the-badge)\n\n\n![React toastify](https:\u002F\u002Fuser-images.githubusercontent.com\u002F5574267\u002F130804494-a9d2d69c-f170-4576-b2e1-0bb7f13dd92d.gif \"React toastify\")\n\n![stacked](https:\u002F\u002Fgithub.com\u002Ffkhadra\u002Freact-toastify\u002Fassets\u002F5574267\u002F975c7c01-b95e-43cf-9100-256fa8ef2760)\n\n![custom-style](https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F311672f7-f98a-46f3-a2ab-a9d1a05186a7)\n\n🎉 React-Toastify allows you to add notifications to your app with ease.\n\n## Installation\n\n```\n$ npm install --save react-toastify\n$ yarn add react-toastify\n```\n\n```jsx\n  import React from 'react';\n\n  import { ToastContainer, toast } from 'react-toastify';\n  \n  function App(){\n    const notify = () => toast(\"Wow so easy!\");\n\n    return (\n      \u003Cdiv>\n        \u003Cbutton onClick={notify}>Notify!\u003C\u002Fbutton>\n        \u003CToastContainer \u002F>\n      \u003C\u002Fdiv>\n    );\n  }\n```\n\n## Documentation\n\nCheck the [documentation](https:\u002F\u002Ffkhadra.github.io\u002Freact-toastify\u002Fintroduction) to get you started!\n\n## Features\n\n- Easy to set up for real, you can make it work in less than 10sec!\n- Super easy to customize\n- RTL support\n- Swipe to close 👌\n- Can choose swipe direction\n- Super easy to use an animation of your choice. Works well with animate.css for example\n- Can display a react component inside the toast!\n- Has ```onOpen``` and ```onClose``` hooks. Both can access the props passed to the react component rendered inside the toast\n- Can remove a toast programmatically\n- Define behavior per toast\n- Pause toast when the window loses focus 👁\n- Fancy progress bar to display the remaining time\n- Possibility to update a toast\n- You can control the progress bar a la `nprogress` 😲\n- You can limit the number of toast displayed at the same time\n- Dark mode 🌒\n- Pause timer programmaticaly \n- Stacked notifications!\n- And much more !\n\n## Demo\n\n[A demo is worth a thousand words](https:\u002F\u002Ffkhadra.github.io\u002Freact-toastify\u002Fintroduction)\n\n\n## Contribute\n\nShow your ❤️ and support by giving a ⭐. Any suggestions are welcome! Take a look at the contributing guide.\n\nYou can also find me on [reactiflux](https:\u002F\u002Fwww.reactiflux.com\u002F). My pseudo is Fadi.\n\n## Contributors\n\n### Code Contributors\n\nThis project exists thanks to all the people who contribute. [[Contribute](CONTRIBUTING.md)].\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Ffkhadra\u002Freact-toastify\u002Fgraphs\u002Fcontributors\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Fcontributors.svg?width=890&button=false\" \u002F>\u003C\u002Fa>\n\n### Financial Contributors\n\nBecome a financial contributor and help us sustain our community. [[Contribute](https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Fcontribute)]\n\n#### Individuals\n\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Findividuals.svg?width=890\">\u003C\u002Fa>\n\n#### Organizations\n\nSupport this project with your organization. Your logo will show up here with a link to your website. [[Contribute](https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Fcontribute)]\n\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F0\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F0\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F1\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F1\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F2\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F2\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F3\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F3\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F4\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F4\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F5\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F5\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F6\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F6\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F7\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F7\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F8\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F8\u002Favatar.svg\">\u003C\u002Fa>\n\u003Ca href=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F9\u002Fwebsite\">\u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Freact-toastify\u002Forganization\u002F9\u002Favatar.svg\">\u003C\u002Fa>\n\n## Release Notes\n\nYou can find the release note for the latest release [here](https:\u002F\u002Fgithub.com\u002Ffkhadra\u002Freact-toastify\u002Freleases\u002Flatest)\n\nYou can browse them all [here](https:\u002F\u002Fgithub.com\u002Ffkhadra\u002Freact-toastify\u002Freleases)\n\n## License\n\nLicensed under MIT\n","React-Toastify 是一个用于在 React 应用中轻松添加通知的库。它支持自定义样式、RTL 布局以及滑动关闭等功能，同时兼容 animate.css 等动画库，允许用户在通知中展示 React 组件，并提供对每个通知行为的细粒度控制。此外，该库还具备暂停计时器、限制同时显示的通知数量等高级特性，适用于需要向用户反馈信息的各种 Web 应用场景，如表单验证结果提示、系统消息通知等。","2026-06-11 03:26:38","top_topic"]