React Strawberry Toast

usage

import { ToastContainer, toast } from 'react-strawberry-toast';
import 'react-strawberry-toast/dist/style.css';
  
function App() {
  const click = () => {
    toast('hello strawberry toast');
  };
      
  return (
    <>
      <ToastContainer />
      <button type='button' onClick={click}>click</button>
    </>
  );
}

Toast Type

toast.success('Success');

Toast Position

toast('top-center', { 
  position: 'top-center' 
});

Toast Direction

<ToastContainer />

Toast Gap

<ToastContainer gap={9} />