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 --- <a href="https://still-reaches-73675.herokuapp.com/">Live Demo</a> 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'); ```