
      import { useToast } from 'react-toastified';
  
      const { addToast } = useToast();
  
      addToast("This is a info toast!", {
        duration: undefined,
        type: 'info',
          style: {
            fontSize: '1.2rem',
            backgroundColor: '',
            color: 'black',
            border: '  ',
            borderRadius: '',
            padding: ''
          }
      });

Background Color:

Text Color

Border Width:

Border Style:

Border Color:

Toast Duration:

Search Styles Feature Coming Soon...

Known Issues:

Currently the position key , position: top-right , or top-left dont appear all the way flush with top will need to update with reversed hover effect in future release.

Report a Bug or Request a Feature Click the button below

Page title

Section title