JSFiddle - React, Tailwind, and code Playground

by Neeraj Yadav

HTML

<div ng-app="">
  <div ng-init="friends = [{title:'John', phone:'555-1276', age: 33},
                         {title:'Mary', phone:'800-BIG-MARY', age: 21},
                         {title:'Mike', phone:'555-4321',  age: 45},
                         {title:'Adam', phone:'555-5678',  age: 23},
                         {title:'Julie', phone:'555-8765',  age: 09},
                         {title:'Juliette', phone:'555-5678',  age: 11}]"></div>


  <div class="table"><span class="table-cell">Name</span>
  <span class="table-cell">Phone</span> <span class="table-cell">Age</span></div>
  <input ng-model="search.title" />
  <input ng-model="search.phone" />
  <input ng-model="search.age" />
  <div ng-repeat="friendObj in friends | filter:search:strict">
    <span>{{friendObj.title}}</span>
    <span>{{friendObj.phone}}</span>
    <span>{{friendObj.age}}</span>
  </div>

</div>