JSFiddle - React, Tailwind, and code Playground

by jzbruno

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.angularjs.org/1.0.3/angular.js"></script>
<script src="http://angular-ui.github.com/angular-ui/build/angular-ui.js"></script>
<section ng-app="iso" ng-controller="ItemsController" ui-jq="fadeIn">
    <article ng-repeat="item in items">
        <h2>{{item.name}}</h2>
    </article>
</section>

CSS

body { padding: 8px 20%; }
section {
    margin: 0 auto; padding: 8px 0 0 8px; 
    border: 1px solid #ddd; }
section article { 
    margin: 0 8px 8px 0; padding: 4px; 
    border: 1px solid #ddd; }

JavaScript

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

function ItemsController($scope) {

    $scope.items = [
        {id: 3, name: 'one'},
        {id: 2, name: 'two'},
        {id: 1, name: 'three'}
    ];
}