FUSE
DOCS
Nextjs
FuseMessage
FuseMessage is a simple snackbar trigger for easily showing messages via redux action. It should be located in the theme layouts.
Usage
You can show messages anywhere with dispatching the action showMessage, it is using Material-UI's snackbar so you can pass the props in the object:
<Button
onClick={()=> dispatch(
showMessage({
message : 'Hi, how are you?',//text or html
autoHideDuration: 6000,//ms
anchorOrigin: {
vertical : 'top',//top bottom
horizontal: 'right'//left center right
},
variant: 'success'//success error info warning null
}))}
>
Top - Right
</Button>