rails 5 and font awesome icon inside an input

user_7381698 0
Viewed 1799

I'm having a hard time to set an icon inside my input in my form_for in rails 5! i already tried many different ways to do it but nothing is working

<div class="form-group">
  <%= f.label :name %>
  <%= f.text_field :name,  class: "form-control" do %>
    <%= fa_stacked_icon "twitter", base: "square-o" %>
  <% end %>
</div>

I would like to know how can i do to set the icon inside my input thanks

font-awesome ruby-on-rails-5 ruby-on-rails
2 Answers

This will keep the icon visible in the beginning of the text box:

<div class="form-group">
    <div class="input-group">
        <div class="input-group-prepend">
            <span class="input-group-text"><%= fa_icon "twitter" base: "square-o" %></span> 
        </div>
        <%= f.text_field :name, class: "form-control" %>
    </div>
</div>
user_34356100
Related