notistack

Table of Contents
--
- How to use
- Online demo
- Documentation

Getting Started

Use your preferred package manager:
``
npm install notistack
yarn add notistack
`

#### Version guide
| Version | Notes
| --- | --- |
| v3.x.x | Latest stable release. Standalone (i.e. not dependent on material-ui) |
| <= v2.0.8 | Requires Material-UI v5 as peer dependency. npm install notistack@2.0.8 |
| <= 1.0.10 | Requires Material-UI <= v4 as peer dependency. npm install notistack@latest-mui-v4 |

$3

Instantiate a SnackbarProvider component and start showing snackbars: (see docs for a full list of available props)

`jsx
import { SnackbarProvider, enqueueSnackbar } from 'notistack';

const App = () => {
return (


Alternatively, 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:

`jsx
import { SnackbarProvider, useSnackbar } from 'notistack';

// wrap your app





const MyButton = () => {
const { enqueueSnackbar, closeSnackbar } = useSnackbar();
return enqueueSnackbar('I love hooks')}>Show snackbar;
};
`

$3

Visit the documentation website` to see all the examples.

Or play with a minimal working example: codesandbox

$3

Open an issue and your problem will be solved.

$3

Hossein Dehnokhalaji