{"_id":"@alexrafael10/toastify","_rev":"1-60942861337c19c07b88e3a745edbbd2","name":"@alexrafael10/toastify","dist-tags":{"latest":"1.6.1"},"versions":{"1.6.1":{"name":"@alexrafael10/toastify","version":"1.6.1","description":"Toastify is a lightweight, vanilla JS toast notification library.","main":"./src/toastify.js","repository":{"type":"git","url":"git+https://github.com/apvarun/toastify-js.git"},"keywords":["toastify","javascript","notifications","toast"],"author":{"name":"Varun A P"},"license":"MIT","bugs":{"url":"https://github.com/apvarun/toastify-js/issues"},"homepage":"https://github.com/apvarun/toastify-js#readme","directories":{"example":"example"},"scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"gitHead":"f907efb7511b2025b66e814a5bdcbd653e7ed439","_id":"@alexrafael10/toastify@1.6.1","_nodeVersion":"8.16.0","_npmVersion":"6.10.2","dist":{"integrity":"sha512-3E67BCpsWxEqDwuOykIhL2DxVcggdge8vc/h6T3KUy6spULbcOW1H6QVTk3Ip5fDQQB4uM7fGGfiLK1irn3K4g==","shasum":"190f16b7fc069fdfd8a9e64027a23374e09b1a8a","tarball":"https://registry.npmjs.org/@alexrafael10/toastify/-/toastify-1.6.1.tgz","fileCount":13,"unpackedSize":49446,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdRzlDCRA9TVsSAnZWagAABV0P/jzkxXEKO0Nx6R0uebdU\n1ECMFUNJ5XKU9NEr0chlhRZRd61cWeojKyZIP00QWW382cKESeSGxdoK37v4\ntQuB3uitn/psaopLt/CTswNz5hlB6KvbtTzHyVIHsKBmvLuRZaKjcdzdLfsY\n/vgqx8E2Cdawhr2ekLPExbA0vAfUWXwwlIuKzB2QS8/D5JfCDVZ27Y76tTJI\nHEMUWAU1H0Cd2iaR6HbedRSKXBFFKvIoYAqiJNnK7EHaerKiCv1SQHMbnBI8\nVo0LtE6J8CRCuvluwfN8rTTodQGLvnNIqswhgSnb4KltMxieMmICYzaDL2iF\n6Lun62jzb13flEE+kmjFk7ObpMU1E7VXzhSW0l9Trj/zxoO6dNXSussoqqvk\nOG7LGWr3ejgx4XTQCO85C3rg6dPR7Lzq0Bbq291rm/hQY1Wj8y6MmkKRGOCa\nryH7TAgrJGviY3Sq9YLYHKLAb6NRo8Tj0A0Ey3J6UJ75FinY2sDbNvsdRmIP\nq+yJlycwMbQOHwDhXfPX1lX422mTCKOMEX662ys/teIRufTkuF1x4pjTpFUF\nuJOlDAa6vXVB/X9KB3Lxo2f3mSthP6/FaV3iVhmIyF0D8iMO+sLXTtFNaMeB\n+s0dFWcB7IRIhLha68A3vWdn8en0qE1Bi9pyzB5uuOSHvGksiKzNxEeVDroV\nnLZ0\r\n=PAgW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDqjRsdc436/E0gO8bEpU4JIy4IPp9lA50F5W4byWo9KAiAW8+vSaPMIeEuhgu2wV3EcQWao3gfMbIF1kpUKTquLzA=="}]},"maintainers":[{"name":"alexrafael10","email":"alexrafael10@gmail.com"}],"_npmUser":{"name":"alexrafael10","email":"alexrafael10@gmail.com"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toastify_1.6.1_1564948802764_0.31030642073970127"},"_hasShrinkwrap":false}},"time":{"created":"2019-08-04T20:00:02.555Z","1.6.1":"2019-08-04T20:00:02.906Z","modified":"2022-04-04T12:41:29.711Z"},"maintainers":[{"name":"alexrafael10","email":"alexrafael10@gmail.com"}],"description":"Toastify is a lightweight, vanilla JS toast notification library.","homepage":"https://github.com/apvarun/toastify-js#readme","keywords":["toastify","javascript","notifications","toast"],"repository":{"type":"git","url":"git+https://github.com/apvarun/toastify-js.git"},"author":{"name":"Varun A P"},"bugs":{"url":"https://github.com/apvarun/toastify-js/issues"},"license":"MIT","readme":"# Toastify\r\n\r\n![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)\r\n![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)\r\n\r\n[![toastify-js](https://img.shields.io/badge/toastify--js-1.6.1-brightgreen.svg)](https://www.npmjs.com/package/toastify-js)\r\n\r\nToastify is a lightweight, vanilla JS toast notification library.\r\n\r\n## Demo\r\n\r\n[Click here](https://apvarun.github.io/toastify-js/)\r\n\r\n## Features\r\n\r\n* Multiple stacked notifications\r\n* Customizable\r\n* No blocking of execution thread\r\n\r\n### Customization options\r\n\r\n* Notification Text\r\n* Duration\r\n* Toast background color\r\n* Close icon display\r\n* Display position\r\n\r\n## Installation\r\n\r\n#### Toastify now supports installation via NPM\r\n\r\n* Run the below command to add toastify-js to your exisitng or new project.\r\n\r\n```\r\nnpm install --save toastify-js\r\n```\r\n\r\nor\r\n\r\n```\r\nyarn add toastify-js -S\r\n```\r\n\r\n* Import toastify-js into your module to start using it.\r\n\r\n```\r\nimport Toastify from 'toastify-js'\r\n```\r\n\r\nYou can use the default CSS from Toastify as below and later override it or choose to write your own CSS.\r\n\r\n```\r\nimport \"toastify-js/src/toastify.css\"\r\n```\r\n\r\n#### Adding ToastifyJs to HTML page using the traditional method\r\n\r\nTo start using **Toastify**, add the following CSS on to your page.\r\n\r\n```html\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css\">\r\n```\r\n\r\nAnd the script at the bottom of the page\r\n\r\n```html\r\n<script type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/toastify-js\"></script>\r\n```\r\n\r\n> Files are delivered via the CDN service provided by [jsdeliver](https://www.jsdelivr.com/)\r\n\r\n## Documentation\r\n\r\n```javascript\r\nToastify({\r\n  text: \"This is a toast\",\r\n  duration: 3000,\r\n  destination: \"https://github.com/apvarun/toastify-js\",\r\n  newWindow: true,\r\n  close: true,\r\n  gravity: \"top\", // `top` or `bottom`\r\n  position: 'left', // `left`, `center` or `right`\r\n  backgroundColor: \"linear-gradient(to right, #00b09b, #96c93d)\",\r\n  stopOnFocus: true, // Prevents dismissing of toast on hover\r\n  onClick: function(){} // Callback after click\r\n}).showToast();\r\n```\r\n\r\n> Toast messages will be centered on devices with screen width less than 360px.\r\n\r\n* See the [changelog](https://github.com/apvarun/toastify-js/blob/master/CHANGELOG.md)\r\n\r\n### Add own custom classes\r\n\r\nIf you want to use custom classes on the toast for customizing (like info or warning for example), you can do that as follows:\r\n\r\n```javascript\r\nToastify({\r\n  text: \"This is a toast\",\r\n  backgroundColor: \"linear-gradient(to right, #00b09b, #96c93d)\",\r\n  className: \"info\",\r\n}).showToast();\r\n```\r\n\r\nMultiple classes also can be assigned as a string, with spaces between class names.\r\n\r\n## Browsers support\r\n\r\n| ![][ie]<br />IE / Edge | ![][firefox]<br />Firefox | ![][chrome]<br />Chrome | ![][safari]<br />Safari | ![][opera]<br />Opera |\r\n| ---------------------- | ------------------------- | ----------------------- | ----------------------- | --------------------- |\r\n| IE10, IE11, Edge       | last 10 versions          | last 10 versions        | last 10 versions        | last 10 versions      |\r\n\r\n## Contributors\r\n\r\n<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->\r\n\r\n<!-- prettier-ignore -->\r\n|  [![rndevfx](https://avatars2.githubusercontent.com/u/5052076?v=3&s=80)](https://github.com/rndevfx) | [![Wachiwi](https://avatars1.githubusercontent.com/u/4199845?v=3&s=80)](https://github.com/Wachiwi)  |\r\n| :--:|:--: |\r\n|  [rndevfx](https://github.com/rndevfx) | [Wachiwi](https://github.com/Wachiwi)  |\r\n\r\n<!-- ALL-CONTRIBUTORS-LIST:END -->\r\n\r\n## License\r\n\r\nMIT © [Varun A P](https://github.com/apvarun)\r\n\r\n[ie]: https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/edge.png\r\n[firefox]: https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/firefox.png\r\n[chrome]: https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/chrome.png\r\n[safari]: https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/safari.png\r\n[opera]: https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/opera.png\r\n","readmeFilename":"README.md"}