📝

Ruby on Rails 送信ボタンでFontAwesomeのアイコンを使いたい

2023/06/20に公開

アプリ作成で検索ボタンを作っているのですが、フォームヘルパーのf.submitで虫眼鏡マークをどうやって表示しようかな？と調べた結果を記します。

結論：button_tagを使いましょう！

f.submitではなく、代わりにbutton_tagを使用し、オプションにtype: "submit"を設定してあげるのが良いみたいです。
do～endで囲ってあげれば、ボタンの中身にFontAwesomeが使えます。

# Railsのビューファイル
<%= button_tag type: "submit", class: "btn btn-default" do %>
  <i class="fas fa-search"></i>
  <p>検索</P>
<% end %>

HTMLの<button></button>を作ってくれるメソッドです。
Railsドキュメントを読んでみると、説明に「モデルと関連の無いボタンを生成」とありますね。
検索ボタンに使っても良かったのか、若干の不安はありますが、アプリの挙動に問題はないようなのでこれで良しとします。