{"_id":"@boomslag/react-toast","_rev":"2-9d15d72dd0618f683a2c406835523d93","name":"@boomslag/react-toast","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@boomslag/react-toast","version":"1.0.0","description":"A simple and versatile pagination component for React.","main":"src/index.js","scripts":{"build":"tsc","test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":"","license":"ISC","devDependencies":{"react-toastify":"^9.1.3"},"peerDependencies":{"react-toastify":"^7.x","react":"^17.x"},"_id":"@boomslag/react-toast@1.0.0","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-0mJepy+BNTdS9MTt8NuGptCwq6b373loqnPmtpZDrCzVidPbqFzgLjnmmdq9sRobGMVJso8BtefD8+vyaTgSkg==","shasum":"bbe18823d47f0fecde69f52e5173aa14991fc840","tarball":"https://registry.npmjs.org/@boomslag/react-toast/-/react-toast-1.0.0.tgz","fileCount":8,"unpackedSize":22573,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICP3LnabwpuCUWW5ibRczayEoL+RZ84zur74CHii6U8hAiAXbWcb3/bbQYTVn8PX8Uz5H62DB7S7ZlFHxow3CL7SYA=="}]},"_npmUser":{"name":"boomslag","email":"boomslag@proton.me"},"directories":{},"maintainers":[{"name":"boomslag","email":"boomslag@proton.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-toast_1.0.0_1694633505850_0.8121812522207554"},"_hasShrinkwrap":false},"1.0.1":{"name":"@boomslag/react-toast","version":"1.0.1","description":"Easily integrate customizable toast notifications into your React project with the `@boomslag/react-toast` package. This package provides two specialized toast components, `ToastError` and `ToastSuccess`, optimized for error and success messages, respecti","main":"src/index.js","scripts":{"build":"tsc","test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":"","license":"ISC","devDependencies":{"react-toastify":"^9.1.3"},"peerDependencies":{"react-toastify":"^7.x","react":"^17.x"},"_id":"@boomslag/react-toast@1.0.1","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-1AJJyTuCvhWKtcxxr/FSRkTtw6FkKYo/AphxzBYmagH6CZSXyhcFhnY3gnfJAMFdp8283+SDyE38qUsSaxAsJQ==","shasum":"45f07a9096c07a428a1775e321ff50477e941b29","tarball":"https://registry.npmjs.org/@boomslag/react-toast/-/react-toast-1.0.1.tgz","fileCount":10,"unpackedSize":16349,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHlYjdXJrBBUq7Y+X3VcMcy6VkxR+lHihvr88VmZqjpEAiBVcykH5jpDbLQQ0WbEGDTq5Fy1klLuISksc91JgK3AaA=="}]},"_npmUser":{"name":"boomslag","email":"boomslag@proton.me"},"directories":{},"maintainers":[{"name":"boomslag","email":"boomslag@proton.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-toast_1.0.1_1694633788654_0.5880993814235893"},"_hasShrinkwrap":false},"1.0.2":{"name":"@boomslag/react-toast","version":"1.0.2","description":"Easily integrate customizable toast notifications into your React project with the `@boomslag/react-toast` package. This package provides two specialized toast components, `ToastError` and `ToastSuccess`, optimized for error and success messages, respecti","main":"src/index.js","scripts":{"build":"tsc","test":"echo \"Error: no test specified\" && exit 1"},"keywords":[],"author":"","license":"ISC","devDependencies":{"react-toastify":"^9.1.3"},"peerDependencies":{"react-toastify":"^7.x","react":"^17.x"},"_id":"@boomslag/react-toast@1.0.2","_nodeVersion":"18.17.0","_npmVersion":"9.6.7","dist":{"integrity":"sha512-aR9cyVYWClwF09jW2z1F268YkfMoBBjmLzWYyJzFG25Mh/R9jzftul6BqBEAoCIAcBJPaBrgFOJlE6GLUQxYtg==","shasum":"f94f3671ecb03bb2a81733e19c212b19ebda3994","tarball":"https://registry.npmjs.org/@boomslag/react-toast/-/react-toast-1.0.2.tgz","fileCount":6,"unpackedSize":3623,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH8XvlWillthSPdjEYU+G66bAjLO8vz2QzNuf/e/abWiAiEApXmNqDiitJ1ICCQawLKXAv3f10AnT6WqAX93IO0mJVI="}]},"_npmUser":{"name":"boomslag","email":"boomslag@proton.me"},"directories":{},"maintainers":[{"name":"boomslag","email":"boomslag@proton.me"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-toast_1.0.2_1694634049379_0.4533013773797627"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-13T19:31:45.744Z","1.0.0":"2023-09-13T19:31:46.050Z","modified":"2023-09-13T19:40:49.771Z","1.0.1":"2023-09-13T19:36:29.022Z","1.0.2":"2023-09-13T19:40:49.587Z"},"maintainers":[{"name":"boomslag","email":"boomslag@proton.me"}],"description":"Easily integrate customizable toast notifications into your React project with the `@boomslag/react-toast` package. This package provides two specialized toast components, `ToastError` and `ToastSuccess`, optimized for error and success messages, respecti","keywords":[],"license":"ISC","readme":"# @boomslag/react-toast\r\n\r\nEasily integrate customizable toast notifications into your React project with the `@boomslag/react-toast` package. This package provides two specialized toast components, `ToastError` and `ToastSuccess`, optimized for error and success messages, respectively.\r\n\r\n## Installation\r\n\r\n```bash\r\nnpm install @boomslag/react-toast\r\n```\r\n\r\nOr if you're using Yarn:\r\n\r\n```bash\r\nyarn add @boomslag/react-toast\r\n```\r\n\r\n### Peer Dependencies:\r\n\r\nEnsure you have the following peer dependencies installed:\r\n\r\n* `react`\r\n* `react-toastify`\r\n\r\n```bash\r\nnpm install react react-toastify\r\n```\r\n\r\n## Usage\r\n\r\n### ToastError\r\nFor displaying error notifications:\r\n\r\n```javascript\r\nimport { ToastError } from '@boomslag/react-toast';\r\n\r\n// In your component or function:\r\nToastError('This is an error message!');\r\n```\r\n\r\n### ToastSuccess\r\nFor displaying success notifications:\r\n\r\n```javascript\r\nimport { ToastSuccess } from '@boomslag/react-toast';\r\n\r\n// In your component or function:\r\nToastSuccess('This is a success message!');\r\n```\r\n\r\n## Customization\r\n\r\nThe toasts are built on top of `react-toastify` and have been customized to fit common use-cases. If you need further customization or additional features, consider using `react-toastify` directly or extend the functionality of this package.\r\n\r\n## Styling\r\n\r\nThe `ToastError` and `ToastSuccess` components use the following default CSS classes:\r\n\r\n* `toast-error-message`\r\n* `toast-success-message`\r\n\r\nYou can target these classes in your styles to further customize the appearance of the toasts.\r\n\r\n### Default Styling\r\n\r\nTo include the default styles for the toast messages, import the provided CSS file:\r\n\r\n```javascript\r\nimport '@boomslag/react-toast/styles/toastStyles.css';\r\n```\r\n\r\n## License\r\nMIT\r\n\r\n","readmeFilename":"README.md"}