Angular Material UI component for search bar?

Question

I'm trying to build a generic search bar using Angular material ui. I don't see a 'search' component within the documents. Has anyone used material ui for a search component? Would using their input + autocomplete component be a good building block?

Answer 1

It depends on the needs of your search bar, the most simple approach would be just using:

search input + icon

<mat-form-field>
  <input matInput type="search">
  <button matSuffix mat-icon-button aria-label="Search">
    <mat-icon>search</mat-icon>
  </button>
</mat-form-field>