@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

Readme

Keywords

none

Package Sidebar

Install

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

Weekly Downloads

18

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