react-flash-message

1.0.8 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i react-flash-message

Weekly Downloads

631

Version

1.0.8

License

MIT

Unpacked Size

1.12 MB

Total Files

14

Last publish

Collaborators

  • danielsneijers