create a toast component react code example
Example 1: react toast
import { ToastProvider } from 'react-toast-notifications';
import { Snack } from '../snackbar';
const App = () => (
<ToastProvider
autoDismiss
autoDismissTimeout={6000}
components={{ Toast: Snack }}
placement="bottom-center"
appearance: 'success',
autoDismiss: true,
>
...
</ToastProvider>
);
Example 2: react toastr
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.3/toastr.min.css">