JSFiddle - React, Tailwind, and code Playground

HTML

<div style="float:left" ng-app ng-init="products = [
      {
        id: 1,
        name: 'Book',
        line: 'Books',
        selected: true
      }, {
        id: 2,
        name: 'Another Book',
        line: 'Books',
        selected: true
      }, {
        id: 3,
        name: 'Toy',
        line: 'Toys',
        selected: false
      }, {
        id: 4,
        name: 'Another Toy',
        line: 'Toys',
        selected: false
      }, {
        id: 5,
        name: 'Phone',
        selected: true
      }];lineProducts = ['Toys', 'Books']" >
    <div style="float:left">
        <div ng-repeat="p in products">
            <div style="font-size: smaller">
                <label>
                    <input ng-model="p.selected" type="checkbox"/>
                    {{p.name}}
                </label>
            </div>
        </div>
    </div>
    <div ng-repeat="line in lineProducts">
        {{line}}
        <div ng-repeat="p in products | filter:line">
            <div style="font-size: smaller">
                <label>
                    <input ng-model="p.selected" type="checkbox"/>                                    
                    {{p.name}}
                </label>
            </div>
        </div>
     </div>
</div>