Usage no npm install needed!

<script type="module">
  import reactMessage from 'https://cdn.skypack.dev/react-message';
</script>

README

react-messages

React component for showing error, warning, and info messages.

npm install react-message

var Message = require('react-message');

var error = ['Something really bad just happened!!!']

<Message type="error" messages={error} />

See more examples on the demo page.

This is a BYOC (Bring Your Own CSS) component.

Each type of message is given a class name like "message--#{messageType}" so:

You can also add styles using inline style objects.

To set styles for individual messages use the messageStyle prop.

To set styles for the wrapper div, use the wrapperStyle prop.