react-toastr-basic

A simple react toastr for your application. Easy to install and easy to use. This application is based on react and flux

Basic Installation

npm install --save-dev react-toastr-basic

Demo

Live Demo

Animation (reference or download animate.css)

<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">

Usage

---

Style (Please add the rule in your webpack.config.js)

 module: {
        rules:[
            {
                test: /\.css$/,
                use: ['style-loader', 'css-loader']
            }
        ]
 }

---

Import

import ToastrContainer from 'react-toastr-basic'

---

Add Markup to Index.html (or shell page)

<ToastrContainer />

---

Use

import {Toast} from 'react-toastr-basic';

Toast('my toast message');

Success Toast

import {ToastSuccess} from 'react-toastr-basic';

ToastSuccess('my successful toast');

Danger Toast

import {ToastDanger} from 'react-toastr-basic';

ToastDanger('my dangerous toast');