3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【Ruby on Rails】submitボタンにFontAwesomeのアイコンを表示する方法

Last updated at Posted at 2021-08-09

#対象者

  • form_withを使っている方
  • submit btnをFontAwesomeで表示したい方

#目的

  • FontAwesomeを使ってSubmitを表示する

#実際の手順と実例
###1.下記のように記載

  <%= form_with(model: [@article, @comment]) do |f| %>
   <%= f.text_area :comment_content %>

   #下記の部分
   <%= button_tag type: "submit", class: "btn btn-default" do %>
   <i class="far fa-comment-alt"></i>

   <% end %>
  <% end %>
```

button_tag typeというメソッドを使っています。
これで、FontAwesomeのクラスを囲えば完成です。
問題なく投稿も行えます。

####投稿者コメント
FontAwesome多様するので今回やり方が全く分からず調べてみました。参考になれば幸いです。

####My Profile
プログラミング学習歴3ヶ月目のアカウントです!
プログラミングスクールで学んだ内容や自分が躓いた箇所等のアウトプットの為に発信しています。
また、プログラミング初学者の方にわかりやすく、簡潔にまとめて情報共有できればと考えています。
もし、投稿した記事の中に誤り等ございましたら、コメント欄でご教授いただけると幸いです。 



3
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?