Is there is any way to change close button position.

[nisharmultani]

Describe the feature / bug 📝:

Steps to reproduce the bug 🔁:

[UltimateGG]

In toast options, you can set the closeButton's className or style and override its left/right position.
Here's what I just did to flip it from the left to right side using CSS though:

  :where([data-sonner-toaster][dir='ltr'] button[data-close-button]) {
    --toast-close-button-start: auto;
    --toast-close-button-end: 0;
    --toast-close-button-transform: translate(35%, -35%);
  }

  :where([data-sonner-toaster][dir='rtl'] button[data-close-button]) {
    --toast-close-button-start: 0;
    --toast-close-button-end: auto;
    --toast-close-button-transform: translate(-35%, -35%);
  }

[nisharmultani]

can you give me a proper solution, please

[emilkowalski]

You can target individual elements like so https://sonner.emilkowal.ski/styling#tailwind-css