title: How to create a simple search input text in AngularJS material design?
body: <p>I am looking for some easy way to have something similar to what is available in angular-mdl for expandable search text field as below..
  This will add a search button on click it will expand to text field.</p>
  
  <pre><code>&lt;!-- Expandable Textfield --&gt;
  &lt;form action="#"&gt;
    &lt;div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable"&gt;
      &lt;label class="mdl-button mdl-js-button mdl-button--icon" for="sample6"&gt;
        &lt;i class="material-icons"&gt;search&lt;/i&gt;
      &lt;/label&gt;
      &lt;div class="mdl-textfield__expandable-holder"&gt;
        &lt;input class="mdl-textfield__input" type="text" id="sample6"&gt;
        &lt;label class="mdl-textfield__label" for="sample-expandable"&gt;Expandable Input&lt;/label&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>My requirement is to have such a search button in the Card title snapped to the right when user clicks it should expand to take input.. and I need to do it in Angular-Material.</p>
  
  <p>Any inputs or help..!
  Thanks.</p>