Skip to content

Instantly share code, notes, and snippets.

@nicowernli
Created August 31, 2018 09:58
Show Gist options
  • Save nicowernli/68d18b4ec8d7bd3226c0b884db527a23 to your computer and use it in GitHub Desktop.
Save nicowernli/68d18b4ec8d7bd3226c0b884db527a23 to your computer and use it in GitHub Desktop.
Search bar component template
<div class="p-4">
<p class="mb-2">search-bar works!</p>
<div class="relative">
<input [formControl]="search" type="text" class="border border-grey rounded shadow-inner p-2 w-full" placeholder="Search...">
<div class="absolute mt-1 bg-grey w-full rounded shadow">
<ul class="list-reset">
<li *ngFor="let planet of (planets$ | async)" class="p-2">{{ planet.name }}</li>
</ul>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment