Railsのsubmitボタンでfontawesomeのアイコンを使う時の注意
Ruby on Railsでformのsubmitボタンにfontawesomeのアイコンを使おうとしたら少しハマったので、メモ。
fontawesomeは、web用のアイコンを提供してくれているライブラリになります。
以下のように書くと、アイコンを表示してくれます。
<i class="fa fa-plus-circle"></i>
インストール方法等は、今回は省略します。
f.submit でfontawesomeが表示されない
前置きは以上で、ここからが本題。
フォームのサブミットボタンのラベルに、fontawesomeのアイコンを追加したいなと思い、最初以下の様に書いてしまったんですが、
= f.submit class: 'btn btn-default' do i.fa.fa-plus-circle 登録
上記の書き方だとダメで、アイコンが表示されませんでした。
なので、button_tagを使って、typeにsubmitを設定するのが正解みたいです。
= button_tag type: 'submit', class: 'btn btn-default' do i.fa.fa-plus-circle 登録