{"_id":"ngx-sonner","_rev":"18-439f4b6ab41ab0a6467efef5c724119b","name":"ngx-sonner","dist-tags":{"latest":"3.1.0"},"versions":{"0.2.0":{"name":"ngx-sonner","version":"0.2.0","keywords":["angular","angular 2","toast","sonner"],"author":{"url":"https://github.com/tutkli","name":"Clara Castillo"},"license":"MIT","_id":"ngx-sonner@0.2.0","maintainers":[{"name":"tutkli","email":"claracastillochale@gmail.com"}],"homepage":"https://tutkli.github.io/ngx-sonner/","bugs":{"url":"https://github.com/tutkli/ngx-sonner/issues"},"dist":{"shasum":"4a69229b0482229a04fd85b630ef3a0dfcfa3f79","tarball":"https://registry.npmjs.org/ngx-sonner/-/ngx-sonner-0.2.0.tgz","fileCount":27,"integrity":"sha512-30CtTEkvho89VgNnb628lSCag+o2QURRBcd3Sderob3oKRHnRJsCG1aOsO5o+qi7B0euC2Iwn8qoUBXQzkyphA==","signatures":[{"sig":"MEUCIE+nV2mlueTSR6+TnkYseKHE3bZpj3ag0v8TedVjeGYPAiEA1ct6XhKSXYcLsQtXpxbBZjY2A6yClKivZauTVntT8Yo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":348330},"module":"fesm2022/ngx-sonner.mjs","exports":{".":{"esm":"./esm2022/ngx-sonner.mjs","types":"./index.d.ts","default":"./fesm2022/ngx-sonner.mjs","esm2022":"./esm2022/ngx-sonner.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"01ced11bd101e889d33a6466a93fe72bb3f92443","typings":"index.d.ts","_npmUser":{"name":"tutkli","email":"claracastillochale@gmail.com"},"repository":{"url":"git+https://github.com/tutkli/ngx-sonner.git","type":"git","directory":"libs/ngx-sonner"},"_npmVersion":"10.2.5","description":"An opinionated toast component for Svelte.","directories":{},"sideEffects":false,"_nodeVersion":"18.18.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=17.1.0","@angular/common":">=17.1.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-sonner_0.2.0_1708454172252_0.26073864261480684","host":"s3://npm-registry-packages"}},"0.2.1":{"name":"ngx-sonner","version":"0.2.1","keywords":["angular","angular 2","toast","sonner"],"author":{"url":"https://github.com/tutkli","name":"Clara Castillo"},"license":"MIT","_id":"ngx-sonner@0.2.1","maintainers":[{"name":"tutkli","email":"claracastillochale@gmail.com"}],"homepage":"https://tutkli.github.io/ngx-sonner/","bugs":{"url":"https://github.com/tutkli/ngx-sonner/issues"},"dist":{"shasum":"0ee8ba6cbeb238e5a3f6047e3b9ea6005c7d1c58","tarball":"https://registry.npmjs.org/ngx-sonner/-/ngx-sonner-0.2.1.tgz","fileCount":27,"integrity":"sha512-6O8o8XAvLHTTGF2mzQGvYdYecDOyVuoPNncSJP1YdAK7f0nWDfGtT6UO8vdMcw18SgSLSZPys8mi8+4nPMw+xg==","signatures":[{"sig":"MEQCIAm5xJLmsdaI3fFw2cprY/mRSZPkmJdRlQBO0/NIaeh+AiAxWriCLhSHaXoX1Fwo73ECgZK/YxY6eIholzHb6vkhTw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":350990},"module":"fesm2022/ngx-sonner.mjs","exports":{".":{"esm":"./esm2022/ngx-sonner.mjs","types":"./index.d.ts","default":"./fesm2022/ngx-sonner.mjs","esm2022":"./esm2022/ngx-sonner.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"19c3cb92a7021d8b531a0363fdc7a9a27b5ea75d","typings":"index.d.ts","_npmUser":{"name":"tutkli","email":"claracastillochale@gmail.com"},"repository":{"url":"git+https://github.com/tutkli/ngx-sonner.git","type":"git","directory":"libs/ngx-sonner"},"_npmVersion":"10.2.5","description":"An opinionated toast component for Svelte.","directories":{},"sideEffects":false,"_nodeVersion":"18.18.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=17.1.0","@angular/common":">=17.1.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-sonner_0.2.1_1708469873187_0.23577483913029407","host":"s3://npm-registry-packages"}},"0.3.0":{"name":"ngx-sonner","version":"0.3.0","keywords":["angular","angular 2","toast","sonner"],"author":{"url":"https://github.com/tutkli","name":"Clara Castillo"},"license":"MIT","_id":"ngx-sonner@0.3.0","maintainers":[{"name":"tutkli","email":"claracastillochale@gmail.com"}],"homepage":"https://tutkli.github.io/ngx-sonner/","bugs":{"url":"https://github.com/tutkli/ngx-sonner/issues"},"dist":{"shasum":"7a41c67d44b0b736a300addc5c105898057b469b","tarball":"https://registry.npmjs.org/ngx-sonner/-/ngx-sonner-0.3.0.tgz","fileCount":27,"integrity":"sha512-fMqNqU8fe3n86yD6lXPN5FRLh27QQZqFAZv9GQvHis5jORR6TyqrDGhTk+9qlT7/Z0h/cSK10iwe3nbYY/vNrA==","signatures":[{"sig":"MEQCIFQFgnYfgAsfhz0/4LeifreMymeZ8mLyGubmtVkIzfTEAiAkLtsYR3KsmHvfTK+F+exZWfNBCW9gU8NsCCqo5K52aw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":355445},"module":"fesm2022/ngx-sonner.mjs","exports":{".":{"esm":"./esm2022/ngx-sonner.mjs","types":"./index.d.ts","default":"./fesm2022/ngx-sonner.mjs","esm2022":"./esm2022/ngx-sonner.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"8e1076519043352959dbac9457e34276b2552de9","typings":"index.d.ts","_npmUser":{"name":"tutkli","email":"claracastillochale@gmail.com"},"repository":{"url":"git+https://github.com/tutkli/ngx-sonner.git","type":"git","directory":"libs/ngx-sonner"},"_npmVersion":"10.2.5","description":"An opinionated toast component for Angular.","directories":{},"sideEffects":false,"_nodeVersion":"18.18.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=17.1.0","@angular/common":">=17.1.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-sonner_0.3.0_1708511937508_0.8805139699277369","host":"s3://npm-registry-packages"}},"0.3.1":{"name":"ngx-sonner","version":"0.3.1","keywords":["angular","angular 2","toast","sonner"],"author":{"url":"https://github.com/tutkli","name":"Clara Castillo"},"license":"MIT","_id":"ngx-sonner@0.3.1","maintainers":[{"name":"tutkli","email":"claracastillochale@gmail.com"}],"homepage":"https://tutkli.github.io/ngx-sonner/","bugs":{"url":"https://github.com/tutkli/ngx-sonner/issues"},"dist":{"shasum":"9a95cb1896893a746fb6087c8d598f3dcee6ad13","tarball":"https://registry.npmjs.org/ngx-sonner/-/ngx-sonner-0.3.1.tgz","fileCount":27,"integrity":"sha512-yvuBCZhD/oda0n0GMw2FH+BG8wzEpI8M2Ogf+PbS0AqU4+Yo1qrrBOLb9o/IHtq4l+JcH096mtIROALsOSGYtQ==","signatures":[{"sig":"MEQCICIq5imPkfnzyebUk5UT3Z+K5HcZneEzgOlSHpbqrO7EAiBbgoAUc7xnJ+2n6VZnzvnlerHkRo7jkRYjFO1YuWVN0g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":347834},"module":"fesm2022/ngx-sonner.mjs","exports":{".":{"esm":"./esm2022/ngx-sonner.mjs","types":"./index.d.ts","default":"./fesm2022/ngx-sonner.mjs","esm2022":"./esm2022/ngx-sonner.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"8cb1d704ae61a51dcf6c829003c523892aa84702","typings":"index.d.ts","_npmUser":{"name":"tutkli","email":"claracastillochale@gmail.com"},"repository":{"url":"git+https://github.com/tutkli/ngx-sonner.git","type":"git","directory":"libs/ngx-sonner"},"_npmVersion":"10.4.0","description":"An opinionated toast component for Angular.","directories":{},"sideEffects":false,"_nodeVersion":"20.11.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=17.1.0","@angular/common":">=17.1.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-sonner_0.3.1_1708939890643_0.35134519324301783","host":"s3://npm-registry-packages"}},"0.3.2":{"name":"ngx-sonner","version":"0.3.2","keywords":["angular","angular 2","toast","sonner"],"author":{"url":"https://github.com/tutkli","name":"Clara Castillo"},"license":"MIT","_id":"ngx-sonner@0.3.2","maintainers":[{"name":"tutkli","email":"claracastillochale@gmail.com"}],"homepage":"https://tutkli.github.io/ngx-sonner/","bugs":{"url":"https://github.com/tutkli/ngx-sonner/issues"},"dist":{"shasum":"31d9b325b094d4de7b874d6a37fd6b5eb8138837","tarball":"https://registry.npmjs.org/ngx-sonner/-/ngx-sonner-0.3.2.tgz","fileCount":27,"integrity":"sha512-peiqmIjC2zP5ov2dm5jYPjEFYG5IpQc07hkFcRCs5ffc/eKwrdd3qAPiTpoAKZcGqZSneisO3qNAviY+i+Rc7A==","signatures":[{"sig":"MEUCIEoF1/Ld2ZM14EOkD2mO9mjjzeHst+vQgQOzUdh44KEbAiEAued26zX5qYHCqMQ2hqZ2znY8W/DDf11ob0qpsgld/Xg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":348084},"module":"fesm2022/ngx-sonner.mjs","exports":{".":{"esm":"./esm2022/ngx-sonner.mjs","types":"./index.d.ts","default":"./fesm2022/ngx-sonner.mjs","esm2022":"./esm2022/ngx-sonner.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"702a7c045803072dfa62bfd6685e85fba8756904","typings":"index.d.ts","_npmUser":{"name":"tutkli","email":"claracastillochale@gmail.com"},"repository":{"url":"git+https://github.com/tutkli/ngx-sonner.git","type":"git","directory":"libs/ngx-sonner"},"_npmVersion":"10.4.0","description":"An opinionated toast component for Angular.","directories":{},"sideEffects":false,"_nodeVersion":"20.11.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=17.1.0","@angular/common":">=17.1.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-sonner_0.3.2_1708945203002_0.34884827782247685","host":"s3://npm-registry-packages"}},"0.3.3":{"name":"ngx-sonner","version":"0.3.3","keywords":["angular","angular 2","toast","sonner"],"author":{"url":"https://github.com/tutkli","name":"Clara Castillo"},"license":"MIT","_id":"ngx-sonner@0.3.3","maintainers":[{"name":"tutkli","email":"claracastillochale@gmail.com"}],"homepage":"https://tutkli.github.io/ngx-sonner/","bugs":{"url":"https://github.com/tutkli/ngx-sonner/issues"},"dist":{"shasum":"ca39fc94de38ced13fba285457c33810cd3861a8","tarball":"https://registry.npmjs.org/ngx-sonner/-/ngx-sonner-0.3.3.tgz","fileCount":27,"integrity":"sha512-E0N0QdgFXZDRerbV8XvCZJADPg0Q6TTCTD7GeDmPmxy1AmzkcKnmbmzjxG8/ZKbvGioOtf1OJcR0hxoajclVRw==","signatures":[{"sig":"MEUCIQCF/qqcIFuCvShwyrGzPTyESE/2VRgyQPpMlvRv3RiL2gIgRezYEYyw8uqhxGxveDtSY1MPdiH9czpnNDL0Yqkg56w=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":348103},"module":"fesm2022/ngx-sonner.mjs","exports":{".":{"esm":"./esm2022/ngx-sonner.mjs","types":"./index.d.ts","default":"./fesm2022/ngx-sonner.mjs","esm2022":"./esm2022/ngx-sonner.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"488c485355292f9c434ccf79617f51f81c52fed7","typings":"index.d.ts","_npmUser":{"name":"tutkli","email":"claracastillochale@gmail.com"},"repository":{"url":"git+https://github.com/tutkli/ngx-sonner.git","type":"git","directory":"libs/ngx-sonner"},"_npmVersion":"10.4.0","description":"An opinionated toast component for Angular.","directories":{},"sideEffects":false,"_nodeVersion":"20.11.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=17.1.0","@angular/common":">=17.1.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-sonner_0.3.3_1709754950388_0.23916757981384773","host":"s3://npm-registry-packages"}},"0.3.4":{"name":"ngx-sonner","version":"0.3.4","keywords":["angular","angular 2","toast","sonner"],"author":{"url":"https://github.com/tutkli","name":"Clara Castillo"},"license":"MIT","_id":"ngx-sonner@0.3.4","maintainers":[{"name":"tutkli","email":"claracastillochale@gmail.com"}],"homepage":"https://tutkli.github.io/ngx-sonner/","bugs":{"url":"https://github.com/tutkli/ngx-sonner/issues"},"dist":{"shasum":"df99944050d5bfc0617b5ecc9d9067cf785ca860","tarball":"https://registry.npmjs.org/ngx-sonner/-/ngx-sonner-0.3.4.tgz","fileCount":27,"integrity":"sha512-kcIu0fQRQo1DGP2BDSrVwg+AU3hBHwppP3f8AtaPbV+w6gW79d/6HFCAOglpBQzVSTbwJWOi/5bMGcg7pT9TCw==","signatures":[{"sig":"MEUCIQCrAmx1cn19e1sBvfbseXssFheNM5zeEkpzzttrRJ/RuwIgDGOA7WvA3c8UUm5Oh2w4+2FO4zRkMf1TzTbMPa3LHk8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":348409},"module":"fesm2022/ngx-sonner.mjs","exports":{".":{"esm":"./esm2022/ngx-sonner.mjs","types":"./index.d.ts","default":"./fesm2022/ngx-sonner.mjs","esm2022":"./esm2022/ngx-sonner.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"dbf1b8c872e5aadd2fec19444e9bb120c463f6b1","typings":"index.d.ts","_npmUser":{"name":"tutkli","email":"claracastillochale@gmail.com"},"repository":{"url":"git+https://github.com/tutkli/ngx-sonner.git","type":"git","directory":"libs/ngx-sonner"},"_npmVersion":"10.4.0","description":"An opinionated toast component for Angular.","directories":{},"sideEffects":false,"_nodeVersion":"20.11.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=17.1.0","@angular/common":">=17.1.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-sonner_0.3.4_1709811459324_0.16789853443469194","host":"s3://npm-registry-packages"}},"0.4.0":{"name":"ngx-sonner","version":"0.4.0","keywords":["angular","angular 2","toast","sonner"],"author":{"url":"https://github.com/tutkli","name":"Clara Castillo"},"license":"MIT","_id":"ngx-sonner@0.4.0","maintainers":[{"name":"tutkli","email":"claracastillochale@gmail.com"}],"homepage":"https://tutkli.github.io/ngx-sonner/","bugs":{"url":"https://github.com/tutkli/ngx-sonner/issues"},"dist":{"shasum":"6c7b89f1676b917b28bb2a677aa8acb699bfb30d","tarball":"https://registry.npmjs.org/ngx-sonner/-/ngx-sonner-0.4.0.tgz","fileCount":27,"integrity":"sha512-5igP4dKs64TyIfpwSAopmluwViutwvMEoQvBqpuPAJ5eWzwDt3cBrkG0mM8mnVTzet6Sh64ga7LcbNQqo6lbSA==","signatures":[{"sig":"MEQCIHV1pbZmEWfGfH1gM1zXEeH3wLZFZptH8PLxNfJhoFNuAiAiLfeE/9dsQKBdTbR7JoABdirgm8QAVqAhco7o4BVWTA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":349298},"module":"fesm2022/ngx-sonner.mjs","exports":{".":{"esm":"./esm2022/ngx-sonner.mjs","types":"./index.d.ts","default":"./fesm2022/ngx-sonner.mjs","esm2022":"./esm2022/ngx-sonner.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"69de492ed5fe00ba03f866bd800ecbc197292450","typings":"index.d.ts","_npmUser":{"name":"tutkli","email":"claracastillochale@gmail.com"},"repository":{"url":"git+https://github.com/tutkli/ngx-sonner.git","type":"git","directory":"libs/ngx-sonner"},"_npmVersion":"10.5.0","description":"An opinionated toast component for Angular.","directories":{},"sideEffects":false,"_nodeVersion":"20.11.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=17.3.0","@angular/common":">=17.3.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-sonner_0.4.0_1711980043487_0.027894753231292535","host":"s3://npm-registry-packages"}},"0.4.1":{"name":"ngx-sonner","version":"0.4.1","keywords":["angular","angular 2","toast","sonner"],"author":{"url":"https://github.com/tutkli","name":"Clara Castillo"},"license":"MIT","_id":"ngx-sonner@0.4.1","maintainers":[{"name":"tutkli","email":"claracastillochale@gmail.com"}],"homepage":"https://tutkli.github.io/ngx-sonner/","bugs":{"url":"https://github.com/tutkli/ngx-sonner/issues"},"dist":{"shasum":"193256af501b10a5b73b758cb800f0d7059787d1","tarball":"https://registry.npmjs.org/ngx-sonner/-/ngx-sonner-0.4.1.tgz","fileCount":27,"integrity":"sha512-8REnE4kWFKXQs5zVP6dpxCPHLneozas4pn5D9IdAzeBLgPm8A5c9EB3x5sEYWzEMUPBHsXR0Z7mz7Lj17fTqAQ==","signatures":[{"sig":"MEYCIQC5H4g5XefFicx5i4IhXj9GQ/nSCXtzhNVQjsaO1YkXtwIhAN4MOme4usUTPOb64lz0TePGhut+h09uqXDbWq1U4PY8","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":349445},"module":"fesm2022/ngx-sonner.mjs","exports":{".":{"esm":"./esm2022/ngx-sonner.mjs","types":"./index.d.ts","default":"./fesm2022/ngx-sonner.mjs","esm2022":"./esm2022/ngx-sonner.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"489322814cd0818f5f14b454592d6d20c7b711da","typings":"index.d.ts","_npmUser":{"name":"tutkli","email":"claracastillochale@gmail.com"},"repository":{"url":"git+https://github.com/tutkli/ngx-sonner.git","type":"git","directory":"libs/ngx-sonner"},"_npmVersion":"10.5.0","description":"An opinionated toast component for Angular.","directories":{},"sideEffects":false,"_nodeVersion":"20.12.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=17.3.0","@angular/common":">=17.3.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-sonner_0.4.1_1712828558310_0.18414335597706843","host":"s3://npm-registry-packages"}},"0.4.2":{"name":"ngx-sonner","version":"0.4.2","keywords":["angular","angular 2","toast","sonner"],"author":{"url":"https://github.com/tutkli","name":"Clara Castillo"},"license":"MIT","_id":"ngx-sonner@0.4.2","maintainers":[{"name":"tutkli","email":"claracastillochale@gmail.com"}],"homepage":"https://tutkli.github.io/ngx-sonner/","bugs":{"url":"https://github.com/tutkli/ngx-sonner/issues"},"dist":{"shasum":"852788f7cae8dba6ea424326e30ba986f1388d21","tarball":"https://registry.npmjs.org/ngx-sonner/-/ngx-sonner-0.4.2.tgz","fileCount":27,"integrity":"sha512-2zQX3ltr3B0evNrOXFX40snPrf5fFSiFl+dP8oaRWUqfFHA/ktPsJCmXPAyCxP/vYyknmozaSaEwTG6oZGlqYw==","signatures":[{"sig":"MEQCIH2qthAz+cGWdSzsbV9LhzrbE0kuZbWgykbuviiEjcL3AiBWrdY/dWZ1826KF10a0eeBxROjGu2GNvnaZLU5AiFSIA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":349473},"module":"fesm2022/ngx-sonner.mjs","exports":{".":{"esm":"./esm2022/ngx-sonner.mjs","types":"./index.d.ts","default":"./fesm2022/ngx-sonner.mjs","esm2022":"./esm2022/ngx-sonner.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"cbf2a109a3a7134c036bb681b18071bea15b9cec","typings":"index.d.ts","_npmUser":{"name":"tutkli","email":"claracastillochale@gmail.com"},"repository":{"url":"git+https://github.com/tutkli/ngx-sonner.git","type":"git","directory":"libs/ngx-sonner"},"_npmVersion":"10.5.0","description":"An opinionated toast component for Angular.","directories":{},"sideEffects":false,"_nodeVersion":"20.12.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=17.3.0","@angular/common":">=17.3.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-sonner_0.4.2_1713262337240_0.08545538312304712","host":"s3://npm-registry-packages"}},"1.0.0":{"name":"ngx-sonner","version":"1.0.0","keywords":["angular","angular 2","toast","sonner"],"author":{"url":"https://github.com/tutkli","name":"Clara Castillo"},"license":"MIT","_id":"ngx-sonner@1.0.0","maintainers":[{"name":"tutkli","email":"claracastillochale@gmail.com"}],"homepage":"https://tutkli.github.io/ngx-sonner/","bugs":{"url":"https://github.com/tutkli/ngx-sonner/issues"},"dist":{"shasum":"fdecb95592289a733fea568155720e4e28bc16c2","tarball":"https://registry.npmjs.org/ngx-sonner/-/ngx-sonner-1.0.0.tgz","fileCount":29,"integrity":"sha512-eymqTMVGrQAm0R9b+/koA+cymyTmE86q0giZI611apEwH3MDdIB6wEDwqc4DPSQ+AQJlgBz4vJxTFCOY+lXCzQ==","signatures":[{"sig":"MEUCIQCKmHV+WsiYQmrFP6IWeN8hoCsVx0G6s/X4W7I5kUl9bQIgDjLIpWjoJ1YUatCGH5rpGDboivV1uCvUye10kw8jqyA=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":354996},"module":"fesm2022/ngx-sonner.mjs","exports":{".":{"esm":"./esm2022/ngx-sonner.mjs","types":"./index.d.ts","default":"./fesm2022/ngx-sonner.mjs","esm2022":"./esm2022/ngx-sonner.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"2be35d9e5186817b6f6fa3ab8425abb0dd5c1919","typings":"index.d.ts","_npmUser":{"name":"tutkli","email":"claracastillochale@gmail.com"},"repository":{"url":"git+https://github.com/tutkli/ngx-sonner.git","type":"git","directory":"libs/ngx-sonner"},"_npmVersion":"10.5.0","description":"An opinionated toast component for Angular.","directories":{},"sideEffects":false,"_nodeVersion":"20.12.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=17.3.0","@angular/common":">=17.3.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-sonner_1.0.0_1713273674044_0.46522371221774783","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"ngx-sonner","version":"2.0.0","keywords":["angular","angular 2","toast","sonner"],"author":{"url":"https://github.com/tutkli","name":"Clara Castillo"},"license":"MIT","_id":"ngx-sonner@2.0.0","maintainers":[{"name":"tutkli","email":"claracastillochale@gmail.com"}],"homepage":"https://tutkli.github.io/ngx-sonner/","bugs":{"url":"https://github.com/tutkli/ngx-sonner/issues"},"dist":{"shasum":"ead243077ab113edd8f765265ccf5cf8d6381aaa","tarball":"https://registry.npmjs.org/ngx-sonner/-/ngx-sonner-2.0.0.tgz","fileCount":29,"integrity":"sha512-8Is/Ga8sWBo0Cqh4cTCgL5nOzWbJCeYQqPSPiCE+ZNicwMS27+df0kMekwMKp/CFHaJwnVh8i6j8tLHPrKs5TQ==","signatures":[{"sig":"MEUCIHWe2iHf62H2AGwWlGF4bt5Otx6HxO6GMaFioSY95N24AiEAwYNwCwedpQFZGQDQlUxdVR+WFkdhk71H0cTXuiDWDcs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":358023},"module":"fesm2022/ngx-sonner.mjs","exports":{".":{"esm":"./esm2022/ngx-sonner.mjs","types":"./index.d.ts","default":"./fesm2022/ngx-sonner.mjs","esm2022":"./esm2022/ngx-sonner.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"9a62e1cd480a4a1ff6a00816a3f84ff2f3f4f092","typings":"index.d.ts","_npmUser":{"name":"tutkli","email":"claracastillochale@gmail.com"},"repository":{"url":"git+https://github.com/tutkli/ngx-sonner.git","type":"git","directory":"libs/ngx-sonner"},"_npmVersion":"10.8.1","description":"An opinionated toast component for Angular.","directories":{},"sideEffects":false,"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-sonner_2.0.0_1718100749778_0.8046981532611197","host":"s3://npm-registry-packages"}},"2.0.1":{"name":"ngx-sonner","version":"2.0.1","keywords":["angular","angular 2","toast","sonner"],"author":{"url":"https://github.com/tutkli","name":"Clara Castillo"},"license":"MIT","_id":"ngx-sonner@2.0.1","maintainers":[{"name":"tutkli","email":"claracastillochale@gmail.com"}],"homepage":"https://tutkli.github.io/ngx-sonner/","bugs":{"url":"https://github.com/tutkli/ngx-sonner/issues"},"dist":{"shasum":"8cf2b5746174fc00ec5aeb8445808874e13b79a2","tarball":"https://registry.npmjs.org/ngx-sonner/-/ngx-sonner-2.0.1.tgz","fileCount":29,"integrity":"sha512-+z0mc+go1eznziDNBziXy1H8Emsd8HisofC29FW+dEheZzDqfpF8sS0Oe0ZuIXWRGkK/8sk63WrTXIEG1dYEjA==","signatures":[{"sig":"MEYCIQDhmO9gmHriQDCxNQAjoBCuhIlBEIPrI137FjVtLO59HwIhAK+GqzA+HQadaGBeS501XlfjsqSErBBbqmMH7tyzy/qr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":357700},"module":"fesm2022/ngx-sonner.mjs","exports":{".":{"esm":"./esm2022/ngx-sonner.mjs","types":"./index.d.ts","default":"./fesm2022/ngx-sonner.mjs","esm2022":"./esm2022/ngx-sonner.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"453a9fe5a61fca60c1a020d7bee4e1180a5ca32f","typings":"index.d.ts","_npmUser":{"name":"tutkli","email":"claracastillochale@gmail.com"},"repository":{"url":"git+https://github.com/tutkli/ngx-sonner.git","type":"git","directory":"libs/ngx-sonner"},"_npmVersion":"10.8.1","description":"An opinionated toast component for Angular.","directories":{},"sideEffects":false,"_nodeVersion":"20.14.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-sonner_2.0.1_1718295915985_0.7788156918114177","host":"s3://npm-registry-packages"}},"2.0.2":{"name":"ngx-sonner","version":"2.0.2","keywords":["angular","angular 2","toast","sonner"],"author":{"url":"https://github.com/tutkli","name":"Clara Castillo"},"license":"MIT","_id":"ngx-sonner@2.0.2","maintainers":[{"name":"tutkli","email":"claracastillochale@gmail.com"}],"homepage":"https://tutkli.github.io/ngx-sonner/","bugs":{"url":"https://github.com/tutkli/ngx-sonner/issues"},"dist":{"shasum":"2d381edd44868dcb9e10065c09b80702b36af1bd","tarball":"https://registry.npmjs.org/ngx-sonner/-/ngx-sonner-2.0.2.tgz","fileCount":29,"integrity":"sha512-7dcNMfNO1hmtoQzrtgh507AeTmgTyR3y//gWZlhhG/dlGxUUNnszeOiHXBcm7F89b6HKkqpBq9/RCL18Zrsc6A==","signatures":[{"sig":"MEQCIDPZwEUAP2hgZ9LhGiRP5W7Kb33vnjItp3WMAeP3c+9fAiB52wNuXqoa6g2L8kSyEzL/Ytw6IeRM1ouVzlVrkgLCAw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":358408},"module":"fesm2022/ngx-sonner.mjs","exports":{".":{"esm":"./esm2022/ngx-sonner.mjs","types":"./index.d.ts","default":"./fesm2022/ngx-sonner.mjs","esm2022":"./esm2022/ngx-sonner.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"cc5831aea7905999e2949e19c53fe9f559f1155e","typings":"index.d.ts","_npmUser":{"name":"tutkli","email":"claracastillochale@gmail.com"},"repository":{"url":"git+https://github.com/tutkli/ngx-sonner.git","type":"git","directory":"libs/ngx-sonner"},"_npmVersion":"10.8.1","description":"An opinionated toast component for Angular.","directories":{},"sideEffects":false,"_nodeVersion":"20.16.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=18.0.0","@angular/common":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-sonner_2.0.2_1724441380771_0.1333737954319849","host":"s3://npm-registry-packages"}},"3.0.0":{"name":"ngx-sonner","version":"3.0.0","keywords":["angular","angular 2","toast","sonner"],"author":{"url":"https://github.com/tutkli","name":"Clara Castillo"},"license":"MIT","_id":"ngx-sonner@3.0.0","maintainers":[{"name":"tutkli","email":"claracastillochale@gmail.com"}],"homepage":"https://tutkli.github.io/ngx-sonner/","bugs":{"url":"https://github.com/tutkli/ngx-sonner/issues"},"dist":{"shasum":"b7307da3c50ab36670d0c4e71cf185310d0bb7e4","tarball":"https://registry.npmjs.org/ngx-sonner/-/ngx-sonner-3.0.0.tgz","fileCount":16,"integrity":"sha512-mL+VY8VkoOrFS3sFFbiWZGTW5RkMR8FWFvjHc6amMlpdf6iFdoJ9w01jCaGhbUgR/RbAJ7P8mdsbrhvXCLsW9A==","signatures":[{"sig":"MEUCIFtcBsh3ULKWa7EEVWbFgKc5s/3rSrJJOUo9dMxIS4KqAiEAw3LoTzUUgSJjYGqs49hHC1uvNvLmZjKEjhGGW4zybeI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":178558},"module":"fesm2022/ngx-sonner.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/ngx-sonner.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"39e8e0c50126cd14a211b1e951612a3bafe018ba","typings":"index.d.ts","_npmUser":{"name":"tutkli","email":"claracastillochale@gmail.com"},"repository":{"url":"git+https://github.com/tutkli/ngx-sonner.git","type":"git","directory":"libs/ngx-sonner"},"_npmVersion":"10.8.1","description":"An opinionated toast component for Angular.","directories":{},"sideEffects":false,"_nodeVersion":"22.11.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"@angular/core":">=19.0.0","@angular/common":">=19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-sonner_3.0.0_1733827706740_0.28962943527460094","host":"s3://npm-registry-packages-npm-production"}},"3.1.0":{"name":"ngx-sonner","description":"An opinionated toast component for Angular.","version":"3.1.0","bugs":{"url":"https://github.com/tutkli/ngx-sonner/issues"},"homepage":"https://tutkli.github.io/ngx-sonner/","repository":{"type":"git","url":"git+https://github.com/tutkli/ngx-sonner.git","directory":"libs/ngx-sonner"},"keywords":["angular","angular 2","toast","sonner"],"author":{"name":"Clara Castillo","url":"https://github.com/tutkli"},"license":"MIT","peerDependencies":{"@angular/common":">=19.0.0","@angular/core":">=19.0.0"},"dependencies":{"tslib":"^2.3.0"},"sideEffects":false,"module":"fesm2022/ngx-sonner.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","default":"./fesm2022/ngx-sonner.mjs"}},"_id":"ngx-sonner@3.1.0","gitHead":"06e252140a108d32a120186b3f84cdc7ce830bc0","_nodeVersion":"22.14.0","_npmVersion":"10.8.1","dist":{"integrity":"sha512-hN5GolhBeVs0gzPNZi2VPnbv/sM+3+aMGCvIjH33MC8LHz+QIiOUWGw3AbnCH/hQxy08AGwkWHVYy1acvXByQQ==","shasum":"2fc5de2113d00e13d2b4c762688b313e67675fbd","tarball":"https://registry.npmjs.org/ngx-sonner/-/ngx-sonner-3.1.0.tgz","fileCount":16,"unpackedSize":184274,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIAXMhCq5Ngn3ZswFvbSVweF+T17+1QFgFc8oxQlMU512AiEA5jw+HTK4HQeQAQET6FXED4Q0RRXoFkrnjavBOg6Akjk="}]},"_npmUser":{"name":"tutkli","email":"claracastillochale@gmail.com"},"directories":{},"maintainers":[{"name":"tutkli","email":"claracastillochale@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ngx-sonner_3.1.0_1743164976734_0.24281809990406833"},"_hasShrinkwrap":false}},"time":{"created":"2024-02-20T18:36:12.251Z","modified":"2025-03-28T12:29:37.101Z","0.2.0":"2024-02-20T18:36:12.529Z","0.2.1":"2024-02-20T22:57:53.344Z","0.3.0":"2024-02-21T10:38:57.805Z","0.3.1":"2024-02-26T09:31:30.821Z","0.3.2":"2024-02-26T11:00:03.194Z","0.3.3":"2024-03-06T19:55:50.580Z","0.3.4":"2024-03-07T11:37:39.482Z","0.4.0":"2024-04-01T14:00:43.657Z","0.4.1":"2024-04-11T09:42:38.494Z","0.4.2":"2024-04-16T10:12:17.462Z","1.0.0":"2024-04-16T13:21:14.198Z","1.0.1":"2024-06-11T10:06:30.524Z","2.0.0":"2024-06-11T10:12:29.951Z","2.0.1":"2024-06-13T16:25:16.214Z","2.0.2":"2024-08-23T19:29:40.964Z","3.0.0":"2024-12-10T10:48:26.887Z","3.1.0":"2025-03-28T12:29:36.939Z"},"bugs":{"url":"https://github.com/tutkli/ngx-sonner/issues"},"author":{"name":"Clara Castillo","url":"https://github.com/tutkli"},"license":"MIT","homepage":"https://tutkli.github.io/ngx-sonner/","keywords":["angular","angular 2","toast","sonner"],"repository":{"type":"git","url":"git+https://github.com/tutkli/ngx-sonner.git","directory":"libs/ngx-sonner"},"description":"An opinionated toast component for Angular.","maintainers":[{"name":"tutkli","email":"claracastillochale@gmail.com"}],"readme":"# ngx-sonner\n\nAn opinionated toast component for Angular.\n\nBased on [emilkowalski](https://github.com/emilkowalski)'s React [implementation](https://sonner.emilkowal.ski/).\n\n## Angular compatibility\n\n| ngx-sonner | @angular |\n|------------|----------|\n| 3.0.0      | ≥19.0.0  |\n| 2.0.0      | ≥18.0.0  |\n| 1.0.0      | ≥17.3.0  |\n\n## Quick start\n\nInstall it with your favorite package manager:\n\n```bash\nnpm i ngx-sonner\n# or\nyarn add ngx-sonner\n# or\npnpm add ngx-sonner\n# or\nbun add ngx-sonner\n```\n\nAdd `<ngx-sonner-toaster />` to your app, it will be the place where all your toasts will be rendered. After that, you can use `toast()` from anywhere in your app.\n\n```ts\nimport { toast, NgxSonnerToaster } from 'ngx-sonner';\n\n@Component({\n  selector: 'app-root',\n  imports: [NgxSonnerToaster],\n  template: `\n    <ngx-sonner-toaster />\n    <button (click)=\"toast('My first toast')\">Give me a toast</button>\n`\n})\nexport class AppComponent {\n  protected readonly toast = toast;\n}\n```\n\n## Table of contents\n\n- [toast()](#toast)\n  - [Creating toasts](#creating-toasts)\n    - [Default](#default)\n    - [Success](#success)\n    - [Info](#info)\n    - [Warning](#warning)\n    - [Error](#error)\n    - [Action](#action)\n    - [Cancel](#cancel)\n    - [Promise](#promise)\n    - [Loading](#loading)\n    - [Custom component](#custom-component)\n    - [Headless](#headless)\n    - [Dynamic position](#dynamic-position)\n  - [Other](#other)\n    - [Updating a toast](#updating-a-toast)\n    - [On Close Callback](#on-close-callback)\n    - [Dismissing toasts programmatically](#dismissing-toasts-programmatically)\n- [Toaster](#toaster)\n  - [Theme](#theme)\n  - [Position](#position)\n  - [Expand](#expand)\n  - [Custom Icons](#custom-icons)\n  - [Close button](#close-button)\n  - [Rich colors](#rich-colors)\n  - [Custom offset](#custom-offset)\n  - [Duration](#duration)\n  - [Keyboard focus](#keyboard-focus)\n- [Styling](#styling)\n  - [TailwindCSS](#tailwind-css)\n\n## toast()\n\nUse it to render a toast. You can call it from anywhere, even outside of React.\n\n### Creating toasts\n\n#### Default\n\nMost basic toast. You can customize it (and any other type) by passing an options object as the second argument.\n\n```ts\ntoast('Event has been created');\n```\n\nWith custom icon and description:\n\n```ts\ntoast('Event has been created', {\n  description: 'Monday, January 3rd at 6:00pm',\n  icon: IconComponent\n});\n```\n\n#### Success\n\nRenders a checkmark icon in front of the message.\n\n```ts\ntoast.success('Event has been created');\n```\n\n#### Info\n\nRenders a question mark icon in front of the message.\n\n```ts\ntoast.info('Event has new information');\n```\n\n#### Warning\n\nRenders a warning icon in front of the message.\n\n```ts\ntoast.warning('Event has warning');\n```\n\n#### Error\n\nRenders an error icon in front of the message.\n\n```ts\ntoast.error('Event has not been created');\n```\n\n#### Action\n\nRenders a primary button, clicking it will close the toast and run the callback passed via `onClick`.\nYou can prevent the toast from closing by calling `event.preventDefault()` in the onClick callback.\n\n```ts\ntoast('My action toast', {\n  action: {\n    label: 'Action',\n    onClick: () => console.log('Action!')\n  }\n});\n```\n\n#### Cancel\n\nRenders a secondary button, clicking it will close the toast and run the callback passed via `onClick`.\n\n```ts\ntoast('My cancel toast', {\n  cancel: {\n    label: 'Cancel',\n    onClick: () => console.log('Cancel!'),\n  },\n});\n```\n\n#### Promise\n\nStarts in a loading state and will update automatically after the promise resolves or fails.\n\n```ts\ntoast.promise(() => new Promise((resolve) => setTimeout(resolve, 2000)), {\n  loading: 'Loading',\n  success: 'Success',\n  error: 'Error'\n});\n```\n\nYou can pass a function to the success/error messages to incorporate the result/error of the promise.\n\n```ts\ntoast.promise(promise, {\n  loading: 'Loading...',\n  success: (data) => {\n    return `${data.name} has been added!`;\n  },\n  error: 'Error'\n});\n```\n\n#### Loading\n\nRenders a toast with a loading spinner. Useful when you want to handle various states yourself instead of using a promise toast.\n\n```ts\ntoast.loading('Loading data');\n```\n\n#### Custom Component\n\nYou can pass a component as the first argument instead of a string to render custom component while maintaining default styling.\n\n```ts\ntoast(CustomComponent);\n```\n\n#### Headless\n\nYou can use `toast.custom()` to render an unstyled toast with a custom component while maintaining the functionality.\n\n```ts\n@Component({\n  selector: 'app-custom',\n  template: `\n    <div>\n      This is a custom component <button (click)=\"toastClick()\">close</button>\n    </div>\n`\n})\nexport class CustomComponent {\n  toastClick() {\n    console.log('Hello world!');\n  }\n}\n```\n\n```ts\nimport { CustomComponent } from './custom.component';\n\ntoast.custom(CustomComponent);\n```\n\n#### Dynamic position\n\nYou can change the position of the toast dynamically by passing a position prop to the toast function. It will not affect the positioning of other toasts.\n\n```ts\n// Available positions:\n// top-left, top-center, top-right, bottom-left, bottom-center, bottom-right\ntoast('Hello World', {\n  position: 'top-center',\n});\n```\n\n### Other\n\n#### Updating a toast\n\nYou can update a toast by using the `toast` function and passing it the id of the toast you want to update, the rest stays the same.\n\n```ts\nconst toastId = toast('Sonner');\n\ntoast.success('Toast has been updated', {\n  id: toastId\n});\n```\n\n#### On Close Callback\n\nYou can pass `onDismiss` and `onAutoClose` callbacks to each toast. `onDismiss` gets fired when either the close button gets clicked or the toast is swiped. `onAutoClose` fires when the toast disappears automatically after it's timeout (duration prop).\n\n```ts\ntoast('Event has been created', {\n  onDismiss: (t) => console.log(`Toast with id ${t.id} has been dismissed`),\n  onAutoClose: (t) => console.log(`Toast with id ${t.id} has been closed automatically`),\n});\n```\n\n#### Dismissing toasts programmatically\n\nTo remove a toast programmatically use `toast.dismiss(id)`. The `toast()` function return the id of the toast.\n\n```ts\nconst toastId = toast('Event has been created');\n\ntoast.dismiss(toastId);\n```\n\nYou can also dismiss all toasts at once by calling `toast.dismiss()` without an id.\n\n```ts\ntoast.dismiss();\n```\n\n## Toaster\n\nThis component renders all the toasts, you can place it anywhere in your app.\n\n### Theme\n\nYou can change the theme using the `theme` prop. Default theme is light.\n\n```html\n<ngx-sonner-toaster theme=\"dark\" />\n```\n\n### Position\n\nYou can change the position through the `position` prop on the `<ngx-sonner-toaster />` component. Default is `bottom-right`.\n\n```html\n<!-- Available positions -->\n<!-- top-left, top-center, top-right, bottom-left, bottom-center, bottom-right -->\n\n<ngx-sonner-toaster position=\"top-center\" />\n```\n\n### Expand\n\nToasts can also be expanded by default through the `expand` prop. You can also change the amount of visible toasts which is 3 by default.\n\n```html\n<ngx-sonner-toaster expand visibleToasts=\"9\" />\n```\n\n### Custom icons\n\nYou can change the default icons by providing your icons inside the toaster component.\n\n```html\n<ngx-sonner-toaster>\n  <custom-loading-icon loading-icon/>\n  <custom-success-icon success-icon />\n  <custom-error-icon error-icon />\n  <custom-info-icon info-icon />\n  <custom-warning-icon warning-icon />\n</ngx-sonner-toaster>\n```\n\n### Close button\n\nAdd a close button to all toasts that shows on hover by adding the `closeButton` prop.\n\n```html\n<ngx-sonner-toaster closeButton />\n```\n\n### Rich colors\n\nYou can make error and success state more colorful by adding the `richColors` prop.\n\n```html\n<ngx-sonner-toaster richColors />\n```\n\n### Custom offset\n\nOffset from the edges of the screen.\n\n```html\n<ngx-sonner-toaster offset=\"80px\" />\n```\n\n### Duration\n\nYou can change the duration of each toast by using the `duration` property, or change the duration of all toasts like this:\n\n```html\n<ngx-sonner-toaster duration=\"10000\" />\n```\n\n```ts\ntoast('Event has been created', {\n  duration: 10000\n});\n\n// Persisent toast\ntoast('Event has been created', {\n  duration: Number.POSITIVE_INFINITY\n});\n```\n\n### Keyboard focus\n\nYou can focus on the toast area by pressing ⌥/alt + T. You can override it by providing an array of `event.code` values for each key.\n\n```html\n<ngx-sonner-toaster [hotKey]=\"['KeyC']\" />\n```\n\n## Styling\n\nStyling can be done globally via `toastOptions`, this way every toast will have the same styling.\n\n```html\n<ngx-sonner-toaster\n  [toastOptions]=\"{\n\t\tstyle: { background: 'red' },\n    className: 'my-toast',\n\t}\"\n/>\n```\n\nYou can also use the same props when calling `toast` to style a specific toast.\n\n```ts\ntoast('Event has been created', {\n  style: 'background: red;',\n  class: 'my-toast',\n  descriptionClass: 'my-toast-description'\n});\n```\n\n### Tailwind CSS\n\nThe preferred way to style the toasts with tailwind is by using the `unstyled` prop. That will give you an unstyled toast which you can then style with tailwind.\n\n```html\n<ngx-sonner-toaster\n  [toastOptions]=\"{\n\t\tunstyled: true,\n\t\tclasses: {\n\t\t\ttoast: 'bg-blue-400',\n\t\t\ttitle: 'text-red-400',\n\t\t\tdescription: 'text-red-400',\n\t\t\tactionButton: 'bg-zinc-400',\n\t\t\tcancelButton: 'bg-orange-400',\n\t\t\tcloseButton: 'bg-lime-400',\n\t\t}\n\t}\"\n/>\n```\n\nYou can do the same when calling `toast()`.\n\n```ts\ntoast('Hello World', {\n  unstyled: true,\n  classes: {\n    toast: 'bg-blue-400',\n    title: 'text-red-400 text-2xl',\n    description: 'text-red-400',\n    actionButton: 'bg-zinc-400',\n    cancelButton: 'bg-orange-400',\n    closeButton: 'bg-lime-400',\n  },\n})\n```\n\nStyling per toast type is also possible.\n\n```html\n<ngx-sonner-toaster\n  [toastOptions]=\"{\n\t\tunstyled: true,\n\t\tclasses: {\n\t\t\terror: 'bg-red-400',\n\t\t\tsuccess: 'text-green-400',\n\t\t\twarning: 'text-yellow-400',\n\t\t\tinfo: 'bg-blue-400',\n\t\t}\n\t}\"\n/>\n```\n\n## License\n\n[MIT](https://github.com/tutkli/ngx-sonner/blob/master/LICENSE)\n","readmeFilename":"README.md"}