next-ucap-messenger/projects/ucap-webmessenger-ui-organization/src/lib/components/tenant-search.component.html

<div class="list-search">
  <div class="selectbox">
    <mat-select [(value)]="companyCode">
      <mat-option
        *ngFor="let company of companyList"
        [value]="company.companyCode"
      >
        {{ company.companyName }}
      </mat-option>
    </mat-select>
  </div>
  <div class="searchbox">
    <input
      matInput
      #searchWordInput
      placeholder="name"
      (keydown.enter)="onKeyDownEnter(searchWordInput.value)"
    />
    <div class="btn-search">
      <button
        mat-button
        matSuffix
        mat-icon-button
        aria-label="cancel"
        (click)="searchWordInput.value = ''; onClickCancel()"
      >
        <mat-icon>close</mat-icon>
      </button>
    </div>
  </div>
</div>

<!--검색창만 있는 경우--------------------------------------------------------------------------
<div class="list-search">
  <div class="searchbox">
    <input
      matInput
      #searchWordInput
      placeholder="name"
      (keydown.enter)="onKeyDownEnter(searchWordInput.value)"
    />
    <div class="btn-search"><i class="material-icons">search</i></div>
  </div>
</div>
-->