Компонент Toast

Является оберткой над react-toastify (см. https://github.com/fkhadra/react-toastify/tree/v7.0.4).

import { ToastContainer, toast } from '@eisgs/toast';
import { Button } from '@eisgs/button';

const notifySuccess = () => toast.success(
  'Земельный проект 77-01-0000001 успешно размещен'
);

const notifyShortSuccess = () => toast.success(
  'Земельный проект размещен'
);

const notifyError = () => toast.error(
  'Произошла ошибка обработки запроса. Попробуйте повторить операцию'
);

const notifyWarning = () => toast.warning(
  'Земельный проект 77-01-0000001 успешно размещен'
);

<div className="md-flex-row w1000">
  <Button onClick={notifySuccess}>
    Показать success toast
  </Button>  
  <Button onClick={notifyShortSuccess}>
    Показать short success toast
  </Button>
  <Button onClick={notifyError}>
    Показать error toast
  </Button>
  <Button onClick={notifyWarning}>
    Показать warning toast
  </Button>
  <ToastContainer />
</div>