0
Help us understand the problem. What are the problem?

posted at

updated at

[Rails] [haml] link_toに文字とfontawesome両方を使って表示させる

はじめに

hamlにてlink_toを使って文字の後ろにfontawesomeのアイコンを置きたかったのですが、調べてもなかなか見つからなかったので記事にしました。

写真

とても簡単だったので需要があるのかわかりませんがよろしくお願いします!
⚠fontawesomeが使える状態を前提としています。

結論

hamlの場合↓

posts/index.html.haml
= link_to users_path do
  こちらがリンクです
  %i.far.fa-hand-point-right

erbの場合↓

posts/index.html.erb
<%= link_to users_path do %>
  こちらがリンクです<i class="far fa-hand-point-right"></i>
<% end %>

もちろんアイコンを文字の手前に持っていきたければ<i class= " ~ ">の部分を先に記述するだけです。

最後に

簡単すぎましたがどなたかのお役に立てれば嬉しいです。
閲覧頂きましてありがとうございました🐎!

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Sign upLogin
0
Help us understand the problem. What are the problem?