argos/dmp-frontend/src/app/ui/misc/search/search.component.html

<form class="navbar-form">
	<div class="input-group input-search">
		<input type="text" value="" class="form-control" placeholder="{{ 'DASHBOARD.SEARCH' | translate }}"
			[formControl]="searchControl" [matAutocomplete]="auto">
		<button type="submit" class="btn btn-link"><i class="material-icons">search</i></button>
	</div>
	<mat-autocomplete autoActiveFirstOption #auto="matAutocomplete" (optionSelected)="onOptionSelected($event)">
		<mat-option *ngFor="let option of (filteredOptions | async)" [value]="option" class="option">
			<span>{{ option.label }}</span>
			<br />
			<small>{{ transformType(option.type, option.isPublished) }}</small>
		</mat-option>
	</mat-autocomplete>
</form>