【Rails】link_to内の文字列を改行する方法

Railsでよく使うlink_toヘルパーで、文字列を改行する方法についてのメモ書きです。

普段はlink_toで改行することはあまりありませんが、今回ボタン作成時にテキストを改行したくて「どうやるんだろう？」と思い調べてみたところ、思いの他簡単でした。

それでは参ります。

出来上がりイメージ

今回は以下のようなボタン（テキスト改行）を作成します。

link_to内の文字列を改行する

link_to内のテキストを改行する場合は、以下のようにlink_toにブロックを渡します。

<%= link_to new_record_path, class: "btn btn--circle" do %>
  <br>このボタンを<br>クリック<br><i class="fa-solid fa-chevron-down"></i>
<% end %>

一応、以下のようなやり方（rawメソッド）もあるみたいですが、推奨されていないようなので基本的には上記のやり方でOKです。

<%= link_to raw("<br>このボタンを<br>クリック<br><i class="fa-solid fa-chevron-down"></i>") new_record_path, class: "btn btn--circle" %>

以上。

参考資料

Qiita

link_toで改行したボタンを作りたい[備忘録] - Qiita link_toで改行したボタンを作りたい[備忘録] 改行を含んだボタンを作りたいなと思った時に、困ったので備忘録として記載します。 間違った例 <%= %>の中に改行...

teratail[テラテイル]

Rails link_toヘルパーのリンク文字内で改行する方法 ###前提・実現したいこと Ruby on Railsのlink_toヘルパーのリンク文字内で改行したいです。 ###発生している問題・エラーメッセージ 下記コードの「＜改行＞」のとこ...