toasters in reactjs 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">