Как создать кнопку рельсов со значком и текстом?

Question

Как бы вы создали эту кнопку с помощью Rail Rail Helper?

<button type="submit" class="btn">
 Create My Account <i class="fa"></i>
</button>

Пока у меня есть

<%= f.submit "Create My Account", :class => "btn" %>

Answer 1

Вы можете использовать button сформируйте помощника и передайте ему блок.

<%= f.button class: 'btn' do %>
  Create My Account <i class="fa"></i>
<% end %>

Подробнее на http://api.rubyonrails.org/classes/ActionView/Helpers/FormBuilder.html

Answer 2

https://github.com/bokmann/font-awesome-rails

Здесь вы получите ответ на свой вопрос.

<%=f.submit (fa_icon "camera-retro", text: "Take a photo"), class: "btn" %>

Answer 3

5 различных способов сделать это уже были даны. Я предпочитаю:

<%= f.submit :class => "btn" do %>
  Create My Account <i class="fa"></i>"
<% end %>

Я думаю, что это самый чистый.

Answer 4

Это работает?

<%= f.submit "Create My Account <i class=\"fa\"></i>", :class => "btn" %>

Answer 5

Есть много вариантов:-

        <%= f.submit (‘<i class=“fa fa-thumbs-up fa-lg”> </i>’).html_safe,:class=>"btn "%>

    --------------------------------------------------------------------

        <%= button_to update_users_path, {remote: true, class: "btn btn-small"} do %>
             Submit <i class="fa-save fa-md"></i>    
        <% end %>

    --------------------------------------------------------

        <%= button_tag( :class => "button_black") do %>
                Submit Details <i class="fa fa-reset fa-md"></i>
        <% end %>