Beter data-confirm modals in Phoenix LiveView

TLDR; here's the result

The default experience

I really loved that Phoenix provided a nice plugin for having quick confirm behaviours without needing to do a lot of juggling things. While the behaviour works for testing it's really lacking UX for production use.

And as it turns out it's not really clear how to customise the behaviour, as out of the box it uses window.confirm which awaits the action before continuing on.

So if you want this behaviour you need …

clear data elixir experience nice phoenix plugin production testing webdev