React-beautiful-notify NPM

react-beautiful-notify

React-Beautiful-Notify is a custom React notify/toast component.

Installation

npm install react-beautiful-notify

Demo

https://kdipaolo.github.io/notify/

Usage

import Location, { notify } from 'react-beautiful-notify'

class App extends React.Component {
  handleClick = () => {
    const options = {
      type: 'confirmation'
    }
    notify.show('Are you sure?', options)
  }
  render() {
    return (
      <div>
        <Location />
        <h1>React Beautiful Notify</h1>
        <button onClick={this.handleClick}>Click!</button>
      </div>
    )
  }
}

Options

Name	Type	Default	Description
type	string	success	can be success, warning, error, confirmation
timeout	number	5000	How long the notification should show for
mainColor	string	'#333'	Text/Button Color
animationDuration	number	300	Duration of animation
background	string	'#fff'	Background Color
wrapperId	string	'notification-wrapper'	Mounting ID for React Dom