Singularity React

SingularityMessage

SingularityMessage is a straightforward snackbar trigger for displaying messages via a Redux action. It should be integrated within the theme layouts.

Usage

You can display messages from any part of the app by dispatching the showMessage action. It leverages Material-UI's snackbar, allowing you to pass props in an 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>

SingularityMessage

Usage

Example

Position

Variants