A Simple Integration React Toastr
npm install react-toastr-basicreact-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)
---
`
`
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)
`
`
---
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');