react-quick-alert

Lightweight react snackbar.

Install

npm install --save react-quick-alert

Usage

Demo

Demo Example Code Here

  this.state = {
    alertShown: false,
    alertMessage: ''
  };

  showAlert(msg) {
    this.setState({ alertMessage: msg, alertShown: true });
  }

  resetAlert() {
    this.setState({ alertShown: false });
  } 

Alert's visibility and message is controlled by solely by function and String passed in by the parent so that the event can easily add customization.

For more details, check out the API below.

Component API

<QuickAlert> component:

Property	Type	Default	Required	Description
time	Number	n/a	yes	Duration alert shows
show	Boolean	n/a	yes	Trigger to show alert
message	String	n/a	yes	Message on alert
resetAlert	Function	n/a	yes	Removes visibility
showStyle	String	n/a	yes	Class added on show
alertIdentity	String	n/a	yes	Unique id for snackbar

Support or Contact

Any questions? Check out our documentation or contact support and we’ll help you sort it out.

License

MIT © calabashlabsllc