JSFiddle - React, Tailwind, and code Playground

by Khajan Singh

HTML

<div ng-controller="MainCtrl">
    <ul id=checks>
        <li ng-repeat="mentor in mentors">
        <label for="{{$index}}">{{mentor}}</label>
        <input type=checkbox value="{{mentor}}">
        </li>
    </ul>
</div>

CSS

#checks{
  height: 250px;
  display: inline-flex;
  flex-flow: column;
  flex-wrap: wrap;
}

JavaScript

var app = angular.module('myApp', []);

function MainCtrl( $scope ) {
    $scope.mentors = [ 'Jonathan', 'Nathan', 'Chris', 'Brian', 'Timothy', 'khajan', 'summit', 'deepak', 'durgaprasad', 'tarun', 'Sam', 'Andarson', 'Brandy', 'Kristine', 'Samantha', 'samarth', 'rock', 'daniel', 'dimitrov', 'brick', 'Sriri' ];
}