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