React Flash Message ✨

Simple component that unmounts a component after a given delay. It adds no styling or animations, you can use other components like react-transition-group for that.

Basic Example

import React from 'react';
import { render } from 'react-dom';
import FlashMessage from 'react-flash-message'

const Message = () => (
  <FlashMessage duration={5000}>
    <strong>I will disapper in 5 seconds!</strong>
  </FlashMessage>
)

render(Message, document.body);

API

Component

import FlashMessage from 'react-flash-message';

// inside render
<FlashMessage duration={5000} persistOnHover={true}>
  <p>Message</p>
</FlashMessage>;

Props

| Prop | Type | Default | Description | | ---------------- | ------ | ------- | ---------------------------------------------------------------- | | duration | number | 5000 | Number of milliseconds the component will show | | persistOnHover | bool | true | Will not remove the component when the user hovers on it if true |

Issues

Feel free to contribute. Submit a Pull Request or open an issue for further discussion.

License

MIT