JSFiddle - React, Tailwind, and code Playground

by lunfort

HTML

<link rel="stylesheet" href="https://rawgit.com/angular/bower-material/master/angular-material.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-route.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-sanitize.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-animate.js"></script>
<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-aria.min.js"></script>
<script src="https://rawgit.com/angular/bower-material/master/angular-material.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular-messages.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script>
    var webApp = {
        module: angular.module('webApp', ['ngAnimate', 'ngSanitize', 'ngMaterial', 'ngMessages'])
    };

    webApp.module.controller('webAppCtrl', ['$scope', '$http', '$sce', function($scope, $http, $sce) {
        $scope.tabs = [ 'Tab1', 'Second Tab', '3rd Tab' ];
    }]);
</script>

<body ng-app="webApp">
    <div ng-controller="webAppCtrl">
        <div>
            <md-toolbar class="md-theme-light">
                <div class="md-toolbar-tools">
                    <div>Tabs w Grid List</div>
                </div>
            </md-toolbar>
        </div>
        <div>
            <md-tabs>
                <md-tab ng-repeat="tabname in tabs" label="{{tabname}}">  
                    <md-grid-list md-cols-sm="1" md-cols-md="2" md-cols-gt-md="6" md-row-height-gt-md="1:1" md-row-height="2:2" md-gutter="12px" md-gutter-gt-sm="8px" >
                        <md-grid-tile class="gray" md-rowspan="3" md-colspan="2">
                           ...