{"_id":"@assystant/notistack","_rev":"3-ea12d246e0b006c3998c5cad1c6d7bcf","name":"@assystant/notistack","dist-tags":{"latest":"3.0.5"},"versions":{"3.0.4":{"name":"@assystant/notistack","version":"3.0.4","keywords":["notistack","enqueueSnackbar","snackbarprovider","useSnackbar","multiple","react","javascript","material-ui","toast","redux","snackbar","stacked","notification","material design","hossein","dehnokhalaji","iamhosseindhv"],"author":{"url":"https://iamhosseindhv.com","name":"Hossein Dehnokhalaji","email":"hossein.dehnavi98@yahoo.com"},"license":"MIT","_id":"@assystant/notistack@3.0.4","maintainers":[{"name":"saket_assystant","email":"saket@assystant.com"},{"name":"shantanu89","email":"shantanu.yadav@assystant.com"},{"name":"rajeshkumarparida","email":"rajesh.parida@assystant.com"}],"contributors":[{"url":"https://www.iamhosseindhv.com/","name":"Hossein Dehnokhalaji"}],"homepage":"https://www.notistack.com","bugs":{"url":"https://github.com/iamhosseindhv/notistack/issues"},"np":{"yarn":false,"branch":"master","message":"v%s","contents":"./dist","releaseDraft":false},"dist":{"shasum":"3470cc23c4c62afd0337f656b363daabfb11ec0a","tarball":"https://registry.npmjs.org/@assystant/notistack/-/notistack-3.0.4.tgz","fileCount":11,"integrity":"sha512-9Gm3uhutvyCqSbvqs2T8nKijrmVPEc6z3fJrRETotRsmPq1YErz4ZiCyXLYRMdQOcitDp7/iWt5Abh+tZMFRvg==","signatures":[{"sig":"MEQCIAILlydeYYElDeZ6gqTaYOoFeRk6P39CKP2zJtzWi7LTAiBNKGueZ5x0ZxZgeIkA3TnLgjw8S7YggBznDAITBaKbTw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":464987},"main":"./index.js","types":"./index.d.ts","module":"./notistack.esm.js","engines":{"npm":">=6.0.0","node":">=12.0.0"},"funding":{"url":"https://opencollective.com/notistack","type":"opencollective"},"gitHead":"3bb6d8abd470478c4f980d42c9748647abb0ecea","scripts":{"copy":"cp package.json README.md LICENSE.md dist","docs":"rimraf typedoc.json && typedoc --tsconfig","lint":"eslint . --ext .js,.jsx,.ts,.tsx","test":"echo todo-test","build":"tsdx build --entry ./src/index.ts","watch":"tsdx watch --transpileOnly --entry ./src/index.ts","release":"npm run prerelease && np --tag latest","prebuild":"npm run docs","prerelease":"npm run build && npm run copy","postversion":"npm run copy"},"_npmUser":{"name":"saket_assystant","email":"saket@assystant.com"},"repository":{"url":"git+https://github.com/iamhosseindhv/notistack.git","type":"git"},"_npmVersion":"10.7.0","description":"Highly customizable notification snackbars (toasts) that can be stacked on top of each other","directories":{},"_nodeVersion":"18.18.2","dependencies":{"clsx":"^1.1.0","goober":"^2.0.33"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"np":"10.1.0","tsdx":"^0.13.2","react":"^18.1.0","tslib":"^2.1.0","eslint":"^7.7.0","rimraf":"^3.0.2","typedoc":"^0.16.11","prettier":"^2.7.1","react-dom":"^18.1.0","typescript":"^4.2.4","@types/react":"^18.0.9","@types/react-dom":"^18.0.3","rollup-plugin-copy":"^3.3.0","@babel/preset-react":"^7.8.3","eslint-plugin-react":"^7.30.0","eslint-config-prettier":"^8.5.0","@typescript-eslint/parser":"^5.28.0","rollup-plugin-bundle-size":"^1.0.3","babel-plugin-optimize-clsx":"^2.6.1","@typescript-eslint/eslint-plugin":"^5.28.0"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^17.0.0 || ^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/notistack_3.0.4_1741266478890_0.5307173613773013","host":"s3://npm-registry-packages-npm-production"}},"3.0.5":{"name":"@assystant/notistack","version":"3.0.5","keywords":["notistack","enqueueSnackbar","snackbarprovider","useSnackbar","multiple","react","javascript","material-ui","toast","redux","snackbar","stacked","notification","material design","hossein","dehnokhalaji","iamhosseindhv","assystant"],"author":{"url":"https://assystant.com","name":"Saket Shukla","email":"saket@assystant.com"},"license":"MIT","_id":"@assystant/notistack@3.0.5","maintainers":[{"name":"saket_assystant","email":"saket@assystant.com"},{"name":"shantanu89","email":"shantanu.yadav@assystant.com"},{"name":"rajeshkumarparida","email":"rajesh.parida@assystant.com"}],"contributors":[{"url":"https://www.iamhosseindhv.com/","name":"Hossein Dehnokhalaji"},{"name":"Assystant"}],"homepage":"https://www.notistack.com","bugs":{"url":"https://github.com/assystant/notistack/issues"},"np":{"yarn":false,"branch":"master","message":"v%s","contents":"./dist","releaseDraft":false},"dist":{"shasum":"187cd1522e494b5c1df5f6201543ae1f9de44312","tarball":"https://registry.npmjs.org/@assystant/notistack/-/notistack-3.0.5.tgz","fileCount":11,"integrity":"sha512-22j/PcO9gJnXaxh6hBVMygg4WzsyZ8MXt8dMXgCfFhhkK4uqsPc5blMi4eWpVcjZ4s0FKsK4pjKb6X6AE/x7yg==","signatures":[{"sig":"MEYCIQDiJVaC8Cakh0bU4BF/M1JZ0C6pVHMwGpaKbf+jhauwLAIhAKxFlwG6qD+gHaDSUiLRWdbgZLSiRRH/x5kLvjGoT/Bb","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":465025},"main":"./index.js","types":"./index.d.ts","module":"./notistack.esm.js","engines":{"npm":">=6.0.0","node":">=12.0.0"},"funding":{"url":"https://opencollective.com/notistack","type":"opencollective"},"gitHead":"6ac0a5d5b6deace2c80f151e80c1e6c558af08da","scripts":{"copy":"cp package.json README.md LICENSE.md dist","docs":"rimraf typedoc.json && typedoc --tsconfig","lint":"eslint . --ext .js,.jsx,.ts,.tsx","test":"echo todo-test","build":"tsdx build --entry ./src/index.ts","watch":"tsdx watch --transpileOnly --entry ./src/index.ts","release":"npm run prerelease && np --tag latest","prebuild":"npm run docs","prerelease":"npm run build && npm run copy","postversion":"npm run copy"},"_npmUser":{"name":"saket_assystant","email":"saket@assystant.com"},"repository":{"url":"git+https://github.com/assystant/notistack.git","type":"git"},"_npmVersion":"10.7.0","description":"Highly customizable notification snackbars (toasts) that can be stacked on top of each other","directories":{},"_nodeVersion":"18.18.2","dependencies":{"clsx":"^1.1.0","goober":"^2.0.33"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"np":"10.1.0","tsdx":"^0.13.2","react":"^18.1.0","tslib":"^2.1.0","eslint":"^7.7.0","rimraf":"^3.0.2","typedoc":"^0.16.11","prettier":"^2.7.1","react-dom":"^18.1.0","typescript":"^4.2.4","@types/react":"^18.0.9","@types/react-dom":"^18.0.3","rollup-plugin-copy":"^3.3.0","@babel/preset-react":"^7.8.3","eslint-plugin-react":"^7.30.0","eslint-config-prettier":"^8.5.0","@typescript-eslint/parser":"^5.28.0","rollup-plugin-bundle-size":"^1.0.3","babel-plugin-optimize-clsx":"^2.6.1","@typescript-eslint/eslint-plugin":"^5.28.0"},"peerDependencies":{"react":"^17.0.0 || ^18.0.0 || ^19.0.0","react-dom":"^17.0.0 || ^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/notistack_3.0.5_1741266822538_0.018468434958525792","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2025-03-06T13:07:58.823Z","modified":"2026-05-27T09:54:36.862Z","3.0.4":"2025-03-06T13:07:59.058Z","3.0.5":"2025-03-06T13:13:42.727Z"},"bugs":{"url":"https://github.com/assystant/notistack/issues"},"author":{"url":"https://assystant.com","name":"Saket Shukla","email":"saket@assystant.com"},"license":"MIT","homepage":"https://www.notistack.com","keywords":["notistack","enqueueSnackbar","snackbarprovider","useSnackbar","multiple","react","javascript","material-ui","toast","redux","snackbar","stacked","notification","material design","hossein","dehnokhalaji","iamhosseindhv","assystant"],"repository":{"url":"git+https://github.com/assystant/notistack.git","type":"git"},"description":"Highly customizable notification snackbars (toasts) that can be stacked on top of each other","contributors":[{"url":"https://www.iamhosseindhv.com/","name":"Hossein Dehnokhalaji"},{"name":"Assystant"}],"maintainers":[{"email":"saket@assystant.com","name":"saket_assystant"},{"email":"shantanu.yadav@assystant.com","name":"shantanu89"}],"readme":"

\n \"notistack

\n

\n\n
\n\n**[Notistack](https://notistack.com): Display notifications with call of a function.**\n\n
\n\n
\nEasy to use, customizable, smooth transitions, stack and queue them up!\n
\n
\nDocumentation\n ยท \nExamples\n
\n
\n\n[![npm version](https://img.shields.io/npm/v/notistack.svg?label=version)](https://www.npmjs.com/package/notistack)\n[![npm downloads](https://img.shields.io/npm/dm/notistack.svg)](https://www.npmjs.com/package/notistack)\n[![package license](https://img.shields.io/npm/l/notistack.svg)](https://www.npmjs.com/package/notistack)\n\n
\n\n\nTable of Contents\n--\n- [How to use](#how-to-use)\n- [Online demo](#online-demo)\n- [Documentation](https://notistack.com/api-reference)\n\n## Getting Started\n\nUse your preferred package manager:\n```\nnpm install notistack\nyarn add notistack\n```\n\n#### Version guide\n| Version | Notes \n| --- | --- |\n| `v3.x.x` | Latest stable release. Standalone (i.e. not dependent on [material-ui](https://github.com/mui/material-ui)) |\n| <= `v2.0.8` | Requires Material-UI v5 as peer dependency. `npm install notistack@2.0.8` |\n| <= `1.0.10` | Requires Material-UI <= v4 as peer dependency. `npm install notistack@latest-mui-v4` |\n\n\n\n### How to use\n\nInstantiate a `SnackbarProvider` component and start showing snackbars: (see [docs](https://notistack.com/api-reference) for a full list of available props)\n\n```jsx\nimport { SnackbarProvider, enqueueSnackbar } from 'notistack';\n\nconst App = () => {\n return (\n
\n \n \n
\n );\n};\n```\n\nAlternatively, You can use `useSnackbar` hook to display Snackbars. Just remember to wrap your app inside of a `SnackbarProvider` to have access to the hook context:\n\n```jsx\nimport { SnackbarProvider, useSnackbar } from 'notistack';\n\n// wrap your app\n\n \n \n\n\nconst MyButton = () => {\n const { enqueueSnackbar, closeSnackbar, updateSnackbar } = useSnackbar();\n return ;\n};\n```\n\n### Online demo\n\n**Visit the [`documentation website`](https://notistack.com/features/basic) to see all the examples.**
\nOr play with a minimal working example: [codesandbox](https://codesandbox.io/s/github/iamhosseindhv/notistack/tree/master/examples/simple-example??hidenavigation=1&module=%2FApp.js)
\n\n### Contribution\n\nOpen an issue and your problem will be solved.\n\n### Author - Contact\n\nHossein Dehnokhalaji\n\n\"Hossein\n\"Hossein\n\"Hossein\n","readmeFilename":"README.md"}