feat: allow to pass custom elements to title and description

[emilkowalski]

You can render custom elements inside the toast like <a /> or custom components by passing a function instead of a string. This work for both the title and description.

toast(
  () => (
    <>
      View{' '}
      <a href="https://google.com" target="_blank">
        Animation on the Web
      </a>
    </>
  ),
  {
    description: () => <button>This is a button element!</button>,
  },
);

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
sonner	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 2, 2024 4:46pm