aswi2020anonymous-gitlab/fe/fulltextsearch/src/app/components/shared-components/search-box/search-box.component.html @ 00466dc7

<div>
  <div class="input-group mb-3">
    <div class="input-group-prepend">
  <span class="input-group-text">
    <mat-icon>search</mat-icon>
  </span>
    </div>
    <input type="text" class="form-control" [(ngModel)]="expression" placeholder="Enter text to search..." aria-label="Search" aria-describedby="basic-addon2">
    <div class="input-group-append">
      <span class="input-group-text clickable">
        <mat-icon *ngIf="expression" matSuffix aria-label="Clear" (click)="expression=''">clear</mat-icon>
      </span>
      <button class="btn btn-outline-secondary" type="button" (click)="onSubmit()">Search</button>
    </div>
  </div>
</div>