node package manager

react-material-notification

npm-material-notification

This is a package to show material-ui styled notification in your react project.

To use it:

  1. require the package
var N = require('react-material-notification');
 
  1. render it in your master component
...
render: function() {
    return <div>
                <N.Component />
            </div>
}
...
  1. wherever you want to add a notification, that should be displayed, call the function N.Add() and pass in the string or an array of strings that you want to display.
...
    N.Add(['This is one notifications', 'This is another one']);
or
    N.Add("I am a notification");

You can now also set the time after which the notifications will automatically dismissed by passing a property to the master component like so. Time is in ms by the way.

render: function() {
    return <div>
                <N.Component dismissAfter={12000} />
            </div>
}

and that's about it :) Every notification will have a dismiss button that will hide it. Enjoy