title: How to use material design text fields in rails
body: <p>I am looking to use material design text field in rails in order to have the field's placeholder shifting to the top when the user start typing. </p>
  
  <p>I do get the field to show up properly in rails straight from the example, but I DO NOT KNOW HOW TO ADAPT IT TO RAILS <code>simple_form</code> component.</p>
  
  <p><strong>application.html.erb</strong></p>
  
  <pre><code>&lt;link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"&gt;
  &lt;link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css"&gt;
  &lt;script defer src="https://code.getmdl.io/1.3.0/material.min.js"&gt;&lt;/script&gt;
  
  in my form.html.erb 
  &lt;%= f.input :title, label: false %&gt;
  &lt;%= f.collection_select(:color, Color.all, :id, :name) %&gt;
  </code></pre>
  
  <p>It shoudl look like this:</p>
  
  <pre><code>&lt;form action="#"&gt;
    &lt;div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"&gt;
      &lt;input class="mdl-textfield__input" type="text" id="sample3"&gt;
      &lt;label class="mdl-textfield__label" for="sample3"&gt;Text...&lt;/label&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>