Notistack npm library documentation website logo
npm downloads

Transition

Snackbars appear without prior warning. The default Slide transition for Snackbars can be customized through TransitionComponent prop. Below there is an example of other popular alternative transitions.

Transition
import Slide from '@mui/material/Slide'

<SnackbarProvider>
  <App />
</SnackbarProvider>

const message = 'Your notification here'
enqueueSnackbar(message)

A TransitionComponent can be any component that is built on top of Transition exposed by notistack, which itself is based onreact-transition-group. If you already have Material-UI as a dependency in your project, you can simply use MUI transitions.