Nearly Perpendicular Macaroons
    Wondering what’s next for npm?Check out our public roadmap! »

    react-flash-message

    1.0.7 • 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

    Keywords

    none

    Install

    npm i react-flash-message

    DownloadsWeekly Downloads

    1,021

    Version

    1.0.7

    License

    MIT

    Unpacked Size

    27.1 kB

    Total Files

    15

    Last publish

    Collaborators

    • avatar