Material Design Lite (v 1.2.1) wrappers for Simple Form

simple_form_mdl_wrappers.rb

# Simple wrappers for Material Design Lite text fields to use with SimpleForm (Rails)

SimpleForm.setup do |config|

  config.wrappers :mdl_field, tag: 'div', class: 'mdl-textfield mdl-js-textfield', error_class: 'is-invalid' do |b|
    b.use :html5
    b.use :input, class: 'mdl-textfield__input'
    b.use :label, class: 'mdl-textfield__label'
    b.use :error, wrap_with: { tag: :span, class: "mdl-textfield__error" }
  end

  config.wrappers :mdl_field_floating, tag: 'div', class: 'mdl-textfield mdl-js-textfield mdl-textfield--floating-label', error_class: 'is-invalid' do |b|
    b.use :html5
    b.use :input, class: 'mdl-textfield__input'
    b.use :label, class: 'mdl-textfield__label'
    b.use :error, wrap_with: { tag: :span, class: "mdl-textfield__error" }
  end

end