Simple notifications for react

Simple notifications for react

Simple notification for React.

NPM version Build Status Dependency Status Dev Dependency Status

NPM

React Notie

Simple notification for React.

Inspired from notie by @jaredreich

Table of Contents

Installation

Using npm

npm install --save react-notie

Using yarn

yarn add react-notie

Browser Support

  • Edge >= 12
  • FireFox >= 38
  • Chrome >= 47
  • Opera >= 34
  • Safari >= 9

Note: For other browsers like Safari < 9 and IE 11, you need to polyfill Object.assign and Promise.

Usage

  1. Render root of your app within <NotieProvider />.
  2. use withNotie decorator/hoc with the component where you want to notie.
  3. include react-notie/css/notie.css.
// index.js
import React from 'react';
import ReactDOM from 'react-dom';
import { NotieProvider } from 'react-notie';

const App = (
    <NotieProvider>
        <MyApp/>
    </NotieProvider>
)

ReactDOM.render(App, document.getElementById('root'));

// MyComponent.js
import React, { Component } from 'react';
import { withNotie } from 'react-notie';

class MyComponent extends Component {
    someAsyncAction = () => {
        fetch('/do-something').then(() => {
            this.props.notie.success('Thing Done!')
        });
    }

    render() {
        return (
            ......
        )
    }
}

export default withNotie(MyComponent);

API

API docs

Contributors

All Contributors

Changelog

For Changelog, see releases

License

MIT. Copyright(c) Vivek Kumar Bansal

Github Repository