{"_id":"@ads-talan/toastify-js","name":"@ads-talan/toastify-js","dist-tags":{"latest":"1.13.0-no-aria"},"versions":{"1.13.0-no-aria":{"name":"@ads-talan/toastify-js","version":"1.13.0-no-aria","description":"Fork of toastify-js without aria-live attributes","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","_id":"@ads-talan/toastify-js@1.13.0-no-aria","gitHead":"df31f8528f3939d76ed0acaf923efb976eb9184e","_nodeVersion":"23.11.1","_npmVersion":"10.9.2","dist":{"integrity":"sha512-ZzbCNznxhlvXnKpYzs4vvUnZPN/UFMxUyZGoNgrakoeqfAJ777yGbWQr0PA6JaG+Pcm5UhaOBIa0kNq7GtfmqQ==","shasum":"0ac51709bd48069e74c8ef9e101ef08b0ad01fae","tarball":"https://registry.npmjs.org/@ads-talan/toastify-js/-/toastify-js-1.13.0-no-aria.tgz","fileCount":15,"unpackedSize":79745,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDdZZyPdAYf2I0Nho/arv1prjqrddIYI1zenjodjx3c4wIgC7yCleuU7y/HMQQM0EPjJcU90e9xnKeJdKt8fR8jlDQ="}]},"_npmUser":{"name":"ads-talan","email":"alois.de-schepper@talan.com"},"directories":{},"maintainers":[{"name":"ads-talan","email":"alois.de-schepper@talan.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/toastify-js_1.13.0-no-aria_1769164432746_0.3215080161844337"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-23T10:33:52.666Z","1.13.0-no-aria":"2026-01-23T10:33:52.900Z","modified":"2026-01-23T10:33:53.095Z"},"maintainers":[{"name":"ads-talan","email":"alois.de-schepper@talan.com"}],"description":"Fork of toastify-js without aria-live attributes","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":"\n# Toastify\n\n![Built with JavaScript](https://img.shields.io/badge/Built%20with-JavaScript-red?style=for-the-badge&logo=javascript)\n\n[![toastify-js](https://img.shields.io/badge/toastify--js-1.13.0-brightgreen.svg)](https://www.npmjs.com/package/toastify-js)\n![MIT License](https://img.shields.io/npm/l/toastify-js)\n\nToastify is a lightweight, vanilla JS toast notification library. Fork of toastify-js without aria-live attributes.\n\n## Demo\n\n[Click here](https://apvarun.github.io/toastify-js/)\n\n## Features\n\n* Multiple stacked notifications\n* Customizable\n* No blocking of execution thread\n\n### Customization options\n\n* Notification Text\n* Duration\n* Toast background color\n* Close icon display\n* Display position\n* Offset position\n\n## Installation\n\n#### Toastify now supports installation via NPM\n\n* Run the below command to add toastify-js to your existing or new project.\n\n```\nnpm install --save toastify-js\n```\n\nor\n\n```\nyarn add toastify-js -S\n```\n\n* Import toastify-js into your module to start using it.\n\n```\nimport Toastify from 'toastify-js'\n```\n\nYou can use the default CSS from Toastify as below and later override it or choose to write your own CSS.\n\n```\nimport \"toastify-js/src/toastify.css\"\n```\n\n#### Adding ToastifyJs to HTML page using the traditional method\n\nTo start using **Toastify**, add the following CSS on to your page.\n\n```html\n\n```\n\nAnd the script at the bottom of the page\n\n```html\n\n```\n\n> Files are delivered via the CDN service provided by [jsdeliver](https://www.jsdelivr.com/)\n\n## Documentation\n\n```javascript\nToastify({\n text: \"This is a toast\",\n duration: 3000,\n destination: \"https://github.com/apvarun/toastify-js\",\n newWindow: true,\n close: true,\n gravity: \"top\", // `top` or `bottom`\n position: \"left\", // `left`, `center` or `right`\n stopOnFocus: true, // Prevents dismissing of toast on hover\n style: {\n background: \"linear-gradient(to right, #00b09b, #96c93d)\",\n },\n onClick: function(){} // Callback after click\n}).showToast();\n```\n\n> Toast messages will be centered on devices with screen width less than 360px.\n\n* See the [changelog](https://github.com/apvarun/toastify-js/blob/master/CHANGELOG.md)\n\n### Add own custom classes\n\nIf you want to use custom classes on the toast for customizing (like info or warning for example), you can do that as follows:\n\n```javascript\nToastify({\n text: \"This is a toast\",\n className: \"info\",\n style: {\n background: \"linear-gradient(to right, #00b09b, #96c93d)\",\n }\n}).showToast();\n```\n\nMultiple classes also can be assigned as a string, with spaces between class names.\n\n### Add some offset\n\nIf you want to add offset to the toast, you can do that as follows:\n\n```javascript\nToastify({\n text: \"This is a toast with offset\",\n offset: {\n x: 50, // horizontal axis - can be a number or a string indicating unity. eg: '2em'\n y: 10 // vertical axis - can be a number or a string indicating unity. eg: '2em'\n },\n}).showToast();\n```\n\nToast will be pushed 50px from right in x axis and 10px from top in y axis.\n\n**Note:**\n\nIf `position` is equals to `left`, it will be pushed from left.\nIf `gravity` is equals to `bottom`, it will be pushed from bottom.\n\n## API\n\n| Option Key | type | Usage | Defaults |\n|-----------------|----------------------|----------------------------------------------------------------------------|-------------|\n| text | string | Message to be displayed in the toast | \"Hi there!\" |\n| node | ELEMENT_NODE | Provide a node to be mounted inside the toast. `node` takes higher precedence over `text` | |\n| duration | number | Duration for which the toast should be displayed.
-1 for permanent toast | 3000 |\n| selector | string \\| ELEMENT_NODE | ShadowRoot | CSS Selector or Element Node on which the toast should be added | body |\n| destination | URL string | URL to which the browser should be navigated on click of the toast | |\n| newWindow | boolean | Decides whether the `destination` should be opened in a new window or not | false |\n| close | boolean | To show the close icon or not | false |\n| gravity | \"top\" or \"bottom\" | To show the toast from top or bottom | \"top\" |\n| position | \"left\" or \"right\" | To show the toast on left or right | \"right\" |\n| backgroundColor | CSS background value | To be deprecated, use `style.background` option instead. Sets the background color of the toast | |\n| avatar | URL string | Image/icon to be shown before text | |\n| className | string | Ability to provide custom class name for further customization | |\n| stopOnFocus | boolean | To stop timer when hovered over the toast (Only if duration is set) | true |\n| callback | Function | Invoked when the toast is dismissed | |\n| onClick | Function | Invoked when the toast is clicked | |\n| offset | Object | Ability to add some offset to axis | |\n| escapeMarkup | boolean | Toggle the default behavior of escaping HTML markup | true |\n| style | object | Use the HTML DOM Style properties to add any style directly to toast | |\n| oldestFirst | boolean | Set the order in which toasts are stacked in page | true |\n\n> Deprecated properties: `backgroundColor` - use `style.background` option instead\n\n## Browsers support\n\n| ![][ie]
IE / Edge | ![][firefox]
Firefox | ![][chrome]
Chrome | ![][safari]
Safari | ![][opera]
Opera |\n| ---------------------- | ------------------------- | ----------------------- | ----------------------- | --------------------- |\n| IE10, IE11, Edge | last 10 versions | last 10 versions | last 10 versions | last 10 versions |\n\n## Contributors\n\n\n\n\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n
\n AStoker\n \n 		\n \n \n
\n caiomoura1994\n \n 		\n \n \n
\n rndevfx\n \n 		\n \n \n
\n 1ess\n \n 		\n \n \n
\n d4rn0k\n \n 		\n \n \n
\n danielkaiser80\n \n
\n \n \n
\n skjnldsv\n \n 		\n \n \n
\n chasedeanda\n \n 		\n \n \n
\n chrisgraham\n \n 		\n \n \n
\n Wachiwi\n \n 		\n \n \n
\n FeixuRuins\n \n 		\n \n \n
\n gavinhungry\n \n
\n \n \n
\n haydster7\n \n 		\n \n \n
\n joaquinwojcik\n \n 		\n \n \n
\n juliushaertl\n \n 		\n \n \n
\n mort3za\n \n 		\n \n \n
\n Sandip124\n \n 		\n \n \n
\n Tadaz\n \n
\n \n \n
\n t12ung\n \n 		\n \n \n
\n victorfeijo\n \n 		\n \n \n
\n fiatjaf\n \n 		\n \n \n
\n prousseau-korem\n \n
\n\n\n\n\n## License\n\nMIT © [Varun A P](https://github.com/apvarun)\n\n\"Buy\n\n[ie]: https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/edge.png\n[firefox]: https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/firefox.png\n[chrome]: https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/chrome.png\n[safari]: https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/safari.png\n[opera]: https://raw.githubusercontent.com/godban/browsers-support-badges/master/src/images/opera.png\n\n","readmeFilename":"README.md","_rev":"1-dac0cc519606ceb185b5a708baee9f79"}