React notification

Overview

Install

npm install --save react-notify-me

Usage

import { Notifications } from 'react-notify-me'

render() {
  return (
    <div role="wrapper">
      {this.props.children}
      <Notifications config={{ autoDismiss: 4000, position: 'bottomRight' }} />
    </div>
  )
}

import notify from 'react-notify-me'

componentDidMount() {
  notify({
    content: 'Component has beeen mounted',
  })
}

Props

Notifications component:

name | type | default | description ---- | ---- | ------- | ----------- autoDismiss | Boolean or Number | false | Timeout for dismiss notification position | String | 'topRight' | Playcment. Options: 'topLeft', 'topRight', 'bottomLeft', 'bottomRight'

notify method:

name | type | default | description ---- | ---- | ------- | ----------- content | String or React Component | | contentType | String | 'text' | Type of Content for render method. Options: 'text', 'html', 'component'. By default uses 'text' type, also 'component' type makes same as 'text' type.

##Example

To run example download repository, install dependencies and make npm run npu