Angular/Material mat-form-field input - Floating label issues : <p>Is there any way in which I can stop the placeholder from floating as a label for the following snippet of code?</p>

<pre><code>&lt;form class="search-form"&gt;
  &lt;mat-form-field class="example-full-width"&gt;
     &lt;input class="toolbar-search" type="text" matInput&gt;
     &lt;mat-placeholder&gt;Search&lt;/mat-placeholder&gt;
     &lt;mat-icon matSuffix style="font-size: 1.2em"&gt;search&lt;/mat-icon&gt;
  &lt;/mat-form-field&gt;
&lt;/form&gt;
</code></pre>

<p><a href="https://i.stack.imgur.com/jE7CK.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/jE7CK.gif" alt="enter image description here"></a></p>

<p>I have looked at the official documentation for angular/material, but it seems this feature is now deprecated?</p>
