Toaster URL in Text and Styling

[mashwishi]

It will be a cool feature if we add a feature that will allow us to add URL on the text for adding "Learn more", "Get Help", "Report Issue" something like that and also style them.

[bdresdner]

Hi @mashwishi Did you ever figure out how to do this?

[mashwishi]

Nope, i just didn't use this anymore and created my own component

[makibat]

This is what worked for me:

toast.error(
    <p>
      Error: You don't have enough coins!
      <a className="underline" href="/">
        Learn More.
      </a>
    </p>,
    {
      position: 'bottom-right',
      autoClose: 2000,
      closeOnClick: false,
      pauseOnHover: true,
      draggable: true,
      theme: 'dark'
    }
);

[bdresdner]

Thanks for the reply. I got it working.

[mashwishi]

I never knew that it supports element. thank you