how to add wrapper to allow specify an icon before form input

[jpwynn]

Even without the gem your wrapper code is very useful!

One nice addition would be to add a wrapper for simple_form that lets one specify an icon before the input field, eg, results in

<div class="row">
    <form class="col s12">
      <div class="row">
        <div class="input-field col s6">

          <i class="material-icons prefix">account_circle</i>

          <input id="icon_prefix" type="text" class="validate">
          <label for="icon_prefix">First Name</label>
        </div>
        <div class="input-field col s6">

          <i class="material-icons prefix">phone</i>

          <input id="icon_telephone" type="tel" class="validate">
          <label for="icon_telephone">Telephone</label>
        </div>
      </div>
    </form>
  </div>

[jpwynn]

Since the wiki is not enabled, here's how to do it:

# NEW file config/initializers/simple_for_materialize/icon_component.rb
module SimpleForm
  module Components
    # Needs to be enabled in order to do automatic lookups
    module Icons
      # Name of the component method
      def icon(wrapper_options = nil)
        @icon ||= begin
          options[:icon].to_s.html_safe if options[:icon].present?
        end
      end

      # Used when the icon is optional
      def has_icon?
        icon.present?
      end
    end
  end
end

SimpleForm::Inputs::Base.send(:include, SimpleForm::Components::Icons)

# EDIT config/initializers/simple_form_materialize.rb
# add one line 'b.optional :icon ....' to teh default wrapper section right above :input
config.wrappers :default, class: 'input-field'
    ...
    b.optional :icon, :wrap_with => {tag: :i, class: 'material-icons prefix'}
    b.use :input
    b.use :label

Usage:

In your Rails form add icon: 'ICONNAME' to the f.input element like this:

= f.input :business_phone, icon: 'phone'

[yuritavares]

The only problem with that is:
face
is added after input, do you know what i have to do to move this i tag to be comming first?!