【Elixir】LiveView でボタンクリック時に確認ダイアログを簡単に出す方法

Elixir で LiveView でボタンクリック時に確認ダイアログを簡単に出す方法

環境

• Elixir 1.14.2
• Phoenix 1.6.3

サンプルコード

data_confirm の属性をつければ良いだけで簡単に確認ダイアログが出力されます。

1
2
3

<form action="/your_action" method="post">
  <%= submit "Submit", data_confirm: "Are you sure?" %>
</form>

今回は submit で行いましたがボタンやリンクなどのタグでも同様にできる模様です。

参考

• Phoenix.HTML.Link — Phoenix.HTML v3.3.1