Custom place message and title

With this code: const Toast = Swal.mixin({ toast: true, position: 'top-end', showConfirmButton: false, timer: 183000, timerProgressBar: true, didOpen: (toast) => { toast.addEventListener('mouseenter', Swal.stopTimer) toast.addEventListener('mouseleave', Swal.resumeTimer) } })

Toast.fire({ icon: 'success', title: 'Signed in successfully', html: 'This is the message description of the alert.<br>With some detaills.' })

I get this result:

It’s a very large alert. What I realy need, it’s this:

This next image explain the detail of my need:

How can I do it??

[limonte]

The default look before:

The default look after #2215:

And bu using the customClass parameter you can achieve the requested styling with the centered icon: https://codepen.io/limonte/pen/XWpqROJ

What do you think @manukieli?

[limonte]

If you’re happy, I’ll go ahead and close the issue.

@manukieli Please don’t hesitate to open new issues with styling requests.