@invisionag/iris-react-flash-message

4.5.2 • Public • Published
import FlashMessage from '@invisionag/iris-react-flash-message';

A general single flash message.

Basic Usage:

type Props = {
  text: string,
  type: 'success' | 'error',
  onDismiss: string => any,
};

<FlashMessage text={text} type={type} onDismiss={onDismiss} />

autoDismiss:

When passing the autoDismiss prop, the flash message will automatically invoke the passed onDismiss callback after an amount of ms specified in iris settings. The lifespan timer will pause when the Flash Message receives a mouseover event and start up again on mouseleave.

<FlashMessage text="My days are numbered :(" lifespan={2500} onDismiss={onDismiss} />

If autoDismiss is not passed, the message will stay on screen indefinitely.

mouseEnter

/@invisionag/iris-react-flash-message/

    Package Sidebar

    Install

    npm i @invisionag/iris-react-flash-message

    Weekly Downloads

    17

    Version

    4.5.2

    License

    MIT

    Unpacked Size

    26.1 kB

    Total Files

    7

    Last publish

    Collaborators

    • jj-ivx
    • ivx-github
    • jana_hehr
    • roberter26
    • birgithorn
    • alexj-ivx
    • amft
    • aitortomas
    • yashabfaryal0322
    • nleinich
    • johannesluedke
    • pgotthardt-ivx
    • hrabe
    • plore_ivx
    • patricialieske
    • plaudel
    • mblumtritt
    • sruehlemann
    • brerx
    • mohamedmmahfouz
    • mbrendler
    • jens.zobel
    • cwaider
    • kattelans
    • ftrautmann
    • lutz.peukert
    • fruetel
    • schmitze333
    • csprle
    • beckerei
    • stefan.schiffer
    • ahx
    • cloudwaechter
    • tobias
    • alexmarold
    • t_klepzig
    • susahope
    • mwannewitz
    • ivx-circle-ci
    • yichang
    • ivx-jenkins