【Rails】ボタン内でtextを改行して上と下で別のclassを指定したい。

こういうボタンを作りたいときに困ったので

書き方が分からなかったので試行錯誤した

qiita.erb

<%= submit_tag "規約を確認のため、\n投稿する", class:'hobehoge',name:nil %> 

のように書くと改行はできるけど、こんな感じになってしまう。

「規約を確認の上、」の部分と「投稿する」の部分で別のcss定義を反映したい。

qiita.erb

<% submit_label "<span class = 'fugafuga'>規約を確認のため、</span>" %> 
<%= submit_tag "#{submit_label}+\n投稿する", class:'hobehoge',name:nil %> 

だとのようにspanタグで設定したい内容がボタンに表示されてしまう…

【結論】button_tagとcontent_tagを使った

qiita.erb

<%= button_tag type::sumit,class: 'hogehoge' do %> 
  <%= cotent_tag :span,"規約を確認のため、",class:'fugafuga' %> 
  <%= cotent_tag :br,"投稿する" %> 
<% end %> 

button_tagについて
https://railsdoc.com/page/button_tag

content_tagについて
https://railsdoc.com/page/content_tag

それぞれのクラスを指定してcontent_tagをbutton_tagで囲うと期待していたボタンのデザインが完成した。

感想

submit_tagしか知らなかったからこういった書き方があるんだな～と思った。
似たようなものにbutton_toというものがある。
違いはリンク先の記事が分かりやすかった。
https://zenn.dev/dai_44/scraps/210c5291226c9b