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.