{"_id":"@a7medhassan/react-toast","_rev":"3-05abb2385c349cca9f725fa3b1cf05d9","name":"@a7medhassan/react-toast","dist-tags":{"latest":"0.0.20"},"versions":{"0.0.17":{"name":"@a7medhassan/react-toast","repository":{"type":"git","url":"git+https://github.com/a7medhassanmohi/React-Toast.git"},"private":false,"version":"0.0.17","homepage":"https://github.com/a7medhassanmohi/React-Toast#readme","description":"react notification library","keywords":["a7medhassanmohi","notification","react-toastify","react-toast","react-notification","react-hot-toast","react","component","components","react-component","design","library","framework","frontend"],"main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"external":["react","react-dom"],"scripts":{"dev":"rollup -c --watch","build":"rollup -c"},"author":"","license":"MIT","devDependencies":{"@babel/preset-env":"^7.23.2","@babel/preset-react":"^7.22.15","@babel/preset-typescript":"^7.23.2","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.5.1","@storybook/addon-interactions":"^7.5.1","@storybook/addon-links":"^7.5.1","@storybook/blocks":"^7.5.1","@storybook/react":"^7.5.1","@storybook/react-webpack5":"^7.5.1","@storybook/testing-library":"^0.2.2","@types/react":"^18.2.33","autoprefixer":"^10.4.17","clsx":"^2.1.0","postcss":"^8.4.33","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^4.1.5","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-preserve-directives":"^0.3.1","storybook":"^7.5.1","storybook-addon-deep-controls":"^0.3.0","tailwindcss":"^3.4.1","tslib":"^2.6.2","typescript":"^5.2.2"},"gitHead":"530db5f82a995862a69334fb7bacd2ae9b194671","bugs":{"url":"https://github.com/a7medhassanmohi/React-Toast/issues"},"_id":"@a7medhassan/react-toast@0.0.17","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-g+MS1753VTI7/E25K4KSVcZA6w6BefPGslt452cR6zs3Uw+062AsyjGcHtGlFvy2FEbrRiD0e0v4qH3HLJ0O6Q==","shasum":"075506902e25ff3571bd57fc7accd132d6dbbfdb","tarball":"https://registry.npmjs.org/@a7medhassan/react-toast/-/react-toast-0.0.17.tgz","fileCount":22,"unpackedSize":57637,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDzeN9Cnzp2kMqPGJD6XhihWcB+owQx0xMFqkDr05li1AiBSBDEHwlc3cvaHKwKnXPf2JcHVmMsFd5332oySjADKHQ=="}]},"_npmUser":{"name":"a7medhassanmohi","email":"a7med.hassan.mohi@gmail.com"},"directories":{},"maintainers":[{"name":"a7medhassanmohi","email":"a7med.hassan.mohi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-toast_0.0.17_1706048369179_0.512028852178009"},"_hasShrinkwrap":false},"0.0.18":{"name":"@a7medhassan/react-toast","repository":{"type":"git","url":"git+https://github.com/a7medhassanmohi/React-Toast.git"},"private":false,"version":"0.0.18","homepage":"https://github.com/a7medhassanmohi/React-Toast#readme","description":"react notification library","keywords":["a7medhassanmohi","notification","react-toastify","react-toast","react-notification","react-hot-toast","react","component","components","react-component","design","library","framework","frontend"],"main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"external":["react","react-dom"],"scripts":{"dev":"rollup -c --watch","build":"rollup -c"},"author":"","license":"MIT","devDependencies":{"@babel/preset-env":"^7.23.2","@babel/preset-react":"^7.22.15","@babel/preset-typescript":"^7.23.2","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.5.1","@storybook/addon-interactions":"^7.5.1","@storybook/addon-links":"^7.5.1","@storybook/blocks":"^7.5.1","@storybook/react":"^7.5.1","@storybook/react-webpack5":"^7.5.1","@storybook/testing-library":"^0.2.2","@types/react":"^18.2.33","autoprefixer":"^10.4.17","clsx":"^2.1.0","postcss":"^8.4.33","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^4.1.5","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-preserve-directives":"^0.3.1","storybook":"^7.5.1","storybook-addon-deep-controls":"^0.3.0","tailwindcss":"^3.4.1","tslib":"^2.6.2","typescript":"^5.2.2"},"gitHead":"7645491e2e0cbdad09755d7532f8202cfa0086ec","bugs":{"url":"https://github.com/a7medhassanmohi/React-Toast/issues"},"_id":"@a7medhassan/react-toast@0.0.18","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-khSPIC0YXeLnqu0AGh/2W/iFQgnqHJDwnFF5ljrHlj/+6TkZLgbL6pvH89tB4UYVcfomZif7EgJ2SqlSZASGNQ==","shasum":"b1ad9c3d67835bb2b88a1c4d1ba99917dc51d4cd","tarball":"https://registry.npmjs.org/@a7medhassan/react-toast/-/react-toast-0.0.18.tgz","fileCount":23,"unpackedSize":60167,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHja90nu4TCZMxBEQ4j37+BwV1ljDaAD9ukPQomB4dstAiEAw+eosWa7NSp8ZfX3tQbI2WVDepCDqx5l19Dw7rT6Bl8="}]},"_npmUser":{"name":"a7medhassanmohi","email":"a7med.hassan.mohi@gmail.com"},"directories":{},"maintainers":[{"name":"a7medhassanmohi","email":"a7med.hassan.mohi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-toast_0.0.18_1706089911580_0.7659329347864228"},"_hasShrinkwrap":false},"0.0.19":{"name":"@a7medhassan/react-toast","repository":{"type":"git","url":"git+https://github.com/a7medhassanmohi/React-Toast.git"},"private":false,"version":"0.0.19","homepage":"https://github.com/a7medhassanmohi/React-Toast#readme","description":"react notification library","keywords":["a7medhassanmohi","notification","react-toastify","react-toast","react-notification","react-hot-toast","react","component","components","react-component","design","library","framework","frontend"],"main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0"},"external":["react","react-dom"],"scripts":{"dev":"rollup -c --watch","build":"rollup -c"},"author":"","license":"MIT","devDependencies":{"@babel/preset-env":"^7.23.2","@babel/preset-react":"^7.22.15","@babel/preset-typescript":"^7.23.2","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.5.1","@storybook/addon-interactions":"^7.5.1","@storybook/addon-links":"^7.5.1","@storybook/blocks":"^7.5.1","@storybook/react":"^7.5.1","@storybook/react-webpack5":"^7.5.1","@storybook/testing-library":"^0.2.2","@types/react":"^18.2.33","autoprefixer":"^10.4.17","clsx":"^2.1.0","postcss":"^8.4.33","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^4.1.5","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-preserve-directives":"^0.3.1","storybook":"^7.5.1","storybook-addon-deep-controls":"^0.3.0","tailwindcss":"^3.4.1","tslib":"^2.6.2","typescript":"^5.2.2"},"gitHead":"fc0e5cea99f72c2df0b602279e55594b042c0a05","bugs":{"url":"https://github.com/a7medhassanmohi/React-Toast/issues"},"_id":"@a7medhassan/react-toast@0.0.19","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-32LSLFkiIuSwxZ+9BEx3GqzCme4SRJZ0mFdvi3LvvOB+pXVcNPsJptjzI33BDUlGv6W44REbPXvDJim3yytkfw==","shasum":"aa0768aa3dbf4d122a398606b9871efa3510049f","tarball":"https://registry.npmjs.org/@a7medhassan/react-toast/-/react-toast-0.0.19.tgz","fileCount":23,"unpackedSize":60148,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDelIzvVjQG5FoACk4ZW5sJmkMc6lP7NRTiuqT/42cMlAIhAI/IbObHPIUsN8EyOcR3DKN2TTppSnVDs4P5FDGiSR6h"}]},"_npmUser":{"name":"a7medhassanmohi","email":"a7med.hassan.mohi@gmail.com"},"directories":{},"maintainers":[{"name":"a7medhassanmohi","email":"a7med.hassan.mohi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-toast_0.0.19_1706091615647_0.6076213567448063"},"_hasShrinkwrap":false},"0.0.20":{"name":"@a7medhassan/react-toast","repository":{"type":"git","url":"git+https://github.com/a7medhassanmohi/React-Toast.git"},"private":false,"version":"0.0.20","homepage":"https://github.com/a7medhassanmohi/React-Toast#readme","description":"react notification library","keywords":["a7medhassanmohi","notification","react-toastify","react-toast","react-notification","react-hot-toast","react","component","components","react-component","design","library","framework","frontend"],"main":"dist/cjs/index.js","module":"dist/esm/index.js","types":"dist/index.d.ts","peerDependencies":{"react":">=16","react-dom":">=16"},"external":["react","react-dom"],"scripts":{"dev":"rollup -c --watch","build":"rollup -c"},"author":"","license":"MIT","devDependencies":{"@babel/preset-env":"^7.23.2","@babel/preset-react":"^7.22.15","@babel/preset-typescript":"^7.23.2","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-terser":"^0.4.4","@rollup/plugin-typescript":"^11.1.5","@storybook/addon-essentials":"^7.5.1","@storybook/addon-interactions":"^7.5.1","@storybook/addon-links":"^7.5.1","@storybook/blocks":"^7.5.1","@storybook/react":"^7.5.1","@storybook/react-webpack5":"^7.5.1","@storybook/testing-library":"^0.2.2","@types/react":"^18.2.33","autoprefixer":"^10.4.17","clsx":"^2.1.0","postcss":"^8.4.33","react":"^18.2.0","react-dom":"^18.2.0","rollup":"^4.1.5","rollup-plugin-dts":"^6.1.0","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-postcss":"^4.0.2","rollup-plugin-preserve-directives":"^0.3.1","storybook":"^7.5.1","storybook-addon-deep-controls":"^0.3.0","tailwindcss":"^3.4.1","tslib":"^2.6.2","typescript":"^5.2.2"},"gitHead":"ceeb187e67635dab9d833036e67517b1f31365b3","bugs":{"url":"https://github.com/a7medhassanmohi/React-Toast/issues"},"_id":"@a7medhassan/react-toast@0.0.20","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-h/nbcnKJe//uNCUdUB6yrE9/jaQ1LWMj8Kl0ulDefTwUJNxUMnQxuYyY8psTZ1HJx9usurspYAIs9rp3NRIoFA==","shasum":"d7a7e400b1447dfe2bb36c018621cf9b20d3a62e","tarball":"https://registry.npmjs.org/@a7medhassan/react-toast/-/react-toast-0.0.20.tgz","fileCount":23,"unpackedSize":60154,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBh7EynZMZh1J6vK3gOahS6ULKGmMT6iLzhgyAbEsozfAiEA2QKBIAqyl0FFcv81wMD6bTRlimBtSdzUN/1wvtG04so="}]},"_npmUser":{"name":"a7medhassanmohi","email":"a7med.hassan.mohi@gmail.com"},"directories":{},"maintainers":[{"name":"a7medhassanmohi","email":"a7med.hassan.mohi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-toast_0.0.20_1706180434583_0.11928822326362609"},"_hasShrinkwrap":false}},"time":{"created":"2024-01-23T22:19:29.048Z","0.0.17":"2024-01-23T22:19:29.347Z","modified":"2024-01-25T11:00:34.938Z","0.0.18":"2024-01-24T09:51:51.729Z","0.0.19":"2024-01-24T10:20:15.786Z","0.0.20":"2024-01-25T11:00:34.770Z"},"maintainers":[{"name":"a7medhassanmohi","email":"a7med.hassan.mohi@gmail.com"}],"description":"react notification library","homepage":"https://github.com/a7medhassanmohi/React-Toast#readme","keywords":["a7medhassanmohi","notification","react-toastify","react-toast","react-notification","react-hot-toast","react","component","components","react-component","design","library","framework","frontend"],"repository":{"type":"git","url":"git+https://github.com/a7medhassanmohi/React-Toast.git"},"bugs":{"url":"https://github.com/a7medhassanmohi/React-Toast/issues"},"license":"MIT","readme":"<p align=\"center\">\n  <a href=\"\" >\n    <img  src=\"https://res.cloudinary.com/mohii/image/upload/v1706089362/ux5o12rhrrmsiahicaai.png\" alt=\"@a7medhassan/react-toast\">\n  </a>\n</p>\n\n<h1 align=\"center\">@a7medhassan/react-toast</h1>\n\n<div align=\"center\">\n\nAn enterprise-class React UI library made with ❤️ by a7medhassan.\n\n<!-- [![Follow Twitter][twitter-image]][twitter-url]\n[![NPM Version][npm-version-image]][npm-version-url]\n[![Deploy Storybook][deploy-storybook-image]][deploy-storybook-url] -->\n\n<!-- [![Issues need help][help-wanted-image]][help-wanted-url] -->\n\n<!-- [npm-version-image]: https://img.shields.io/npm/v/@teamartizen/react-components.svg\n[npm-version-url]: https://www.npmjs.com/package/@teamartizen/react-components\n[help-wanted-image]: https://artizen-core.s3.ap-south-1.amazonaws.com/gh-tags/help-wanted.svg\n[help-wanted-url]: https://github.com/teamartizen/react-components/issues\n[twitter-image]: https://artizen-core.s3.ap-south-1.amazonaws.com/gh-tags/teamartizen-on-x.svg\n[twitter-url]: https://x.com/shaheemMPM\n[deploy-storybook-image]: https://github.com/teamartizen/react-components/actions/workflows/deploy-storybook.yml/badge.svg?branch=main\n[deploy-storybook-url]: https://github.com/teamartizen/react-components/actions/workflows/deploy-storybook.yml -->\n\n</div>\n\n\n## 📦 Install\n\n```bash\nnpm install  @a7medhassan/react-toast\n```\n\n```bash\nyarn add  @a7medhassan/react-toast\n```\n\n```bash\npnpm add @a7medhassan/react-toast\n```\n\n## 🔨 Usage\n### warp you entire app with ToastProvider\n```jsx\nimport React from \"react\";\nimport {ToastProvider} from \"@a7medhassan/react-toast\"\nconst App = () => (\n\t<ToastProvider>\n\t\t<UIComponent />\n\t</ToastProvider>\n);\n```\n### then in any component inside the wrapper you can use useReactToast hook\n```jsx\nimport React from \"react\";\nimport { useReactToast } from '@a7medhassan/react-toast'\nconst Components = () => (\n  const {addToast}=useReactToast()\n  function fireToast(){\n    addToast({\n    type: \"success\" , // \"success\"| \"info\" | \"warning\" | \"error\"\n    message: \"your message\",\n    duration: 1000, //your duration\n    position: \"topLeft\",//  | \"topLeft\"| \"topCenter\"| \"topRight\"| \"bottomRight\"| \"bottomCenter\"| \"bottomLeft\"\n    icon: true     //ReactNode | boolean; optional\n    })\n  }\n\t<div>\n\t\t<button onClick={fireToast}>click</button>\n\t</div>\n);\n```\n\n### TypeScript\n\n`@a7medhassan/react-toast` is written in TypeScript with complete definitions.\n\n<!-- ## 🔗 Links -->\n\n<!-- - [Documentation](https://teamartizen.github.io/react-components/) -->","readmeFilename":"README.md"}