Buttons position swapped from original sweetalert...!?

My users (reasonably) complained that when I made this switch, the buttons switched sides, with Confirm now on the left instead of on the right.

Beyond believing that confirm-on-the-right is superior, I also think that in terms of making it as easy as possible to switch from swal to swal2, you’ll want to minimize stuff like this, or at least give an option for easily enabling the old behavior.

I have currently fixed this by using:

.swal2-modal {
  direction: rtl;
}

.swal2-modal * {
  direction: ltr;
}

Which feels a little silly but it’s the simplest way to un-surprise my users.

[limonte]

Hello @malcolmocean and thanks for the nice formatted issue!

I believe you’re looking for the reverseButtons option which is documented. Set it to true to get a confirm button on the right side.

[MrSenhaji]

🔢 Based on documentation :

You can use reverseButtons default is false but you can set it to true if you want to invert default buttons positions (“Confirm”-button on the right side).