react-hot-toast custom positioning overlay

Question

I am using react-hot-toast npm package for my notifications and i have created custom card with the help of toast.custom() function. I need to overlap notifications on top of each card.but there is no options given to do that.With new version (2.0) they have given the option to customize the position with container styles for component but not for the toast.custom() function.If someone can help me much appreciated. Thanks in advance.

Answer 1

Please provide enough code and you will better solution the problem. and you can follow this code Install with NPM : npm install react-hot-toast Install with Yarn : yarn add react-hot-toast

import toast, { Toaster } from 'react-hot-toast';
const notify = () => toast('Here is your toast.');
const App = () => {
  return (
    <div>
      <button onClick={notify}>Make me a toast</button>
      <Toaster />
    </div>
  );
};