React-quick-alert NPM

react-quick-alert

Lightweight react snackbar.

npm install --save react-quick-alert

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.

<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

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

4 years ago

4 years ago