Allow description property of toasts to be anything instead of string

[AlphaNecron]

This allows further customization of toast content such as icons, interactive toasts, etc...

[cschroeter]

@AlphaNecron

You already can do a lot of things:

  const [Toaster, toast] = createToaster({
    placement: 'top-end',
    duration: 200000,
    render(toast) {
      if (toast.type === 'success') {
        return (
          <div>
            <SuccessIcon />
            {/* what ever you want */}
            {toast.title}
            <form>
              <input />
            </form>
          </div>
        )
      }

      return (
        <Toast.Root>
          <Toast.Title>{toast.title}</Toast.Title>
          <Toast.Description>{toast.description}</Toast.Description>
          <Toast.CloseTrigger>Close</Toast.CloseTrigger>
        </Toast.Root>
      )
    },
  })

If you have sometihng elsen in mind please provide your API in mind and gives some examples what you're trying to achieve

[cschroeter]

@AlphaNecron

Please provide an example how the API shuold look like so we can evaluate it

[AlphaNecron]

toast.create({
            title: 'Success',
            description: <Button>This is a button</Button>,
            type: 'success',
            duration: 20000,
            removeDelay: 250,
});

Description should not be restricted to string though. This allows creating interactive and contextual toasts.

[AlphaNecron]

title property should be refactored as well, in order for users to add icons or custom titles.

[cschroeter]

Got it. But you could achieve the same result using a custom render fn

    <>
      <button
        onClick={() =>
          toast.create({
            title: 'Please checkout',
            render: (toast) => (
              <Stack>
                <h3>{toast.title}</h3>
                <Button>This is a button</Button>
              </Stack>
            ),
          })
        }
      >
        Toast
      </button>
      <Toaster />
    </>

[AlphaNecron]

Are there performance concerns with this one?