title: How to remove the underline under TextInputLayout in Android Material Design?
body: <p>I was trying to remove the underline from a material design component named <code>TextInputLayout</code>. I have tried several different answers from SO which didn't work out for me so I decided to ask my own question.</p>
  <p><strong>How can I remove this underline?</strong></p>
  <p><a href="https://i.stack.imgur.com/a24vB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/a24vB.png" alt="enter image description here" /></a></p>
  <p>XML:</p>
  <pre class="lang-xml prettyprint-override"><code>&lt;com.google.android.material.textfield.TextInputLayout
              android:layout_width=&quot;match_parent&quot;
              android:layout_height=&quot;wrap_content&quot;
              android:padding=&quot;@dimen/_10sdp&quot;
              style=&quot;?colorOnPrimary&quot;
              app:boxCornerRadiusTopEnd=&quot;@dimen/_5sdp&quot;
              app:boxCornerRadiusTopStart=&quot;@dimen/_5sdp&quot;
              app:startIconContentDescription=&quot;Heading&quot;&gt;
  
              &lt;com.google.android.material.textfield.TextInputEditText
                  android:id=&quot;@+id/input_heading&quot;
                  android:layout_width=&quot;match_parent&quot;
                  android:layout_height=&quot;wrap_content&quot;
                  android:fontFamily=&quot;@font/ubuntubold&quot;
                  android:hint=&quot;Heading&quot;
                  android:inputType=&quot;text&quot; /&gt;
  
  &lt;/com.google.android.material.textfield.TextInputLayout&gt;
  </code></pre>