JSFiddle - React, Tailwind, and code Playground

by Jay Lim

HTML

<link rel="stylesheet" href="https://rawgit.com/angular/bower-material/master/angular-material.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.6/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.6/angular-animate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.6/angular-aria.js"></script>
<script src="https://rawgit.com/angular/bower-material/master/angular-material.js"></script>
<body ng-app="app" ng-controller="DemoCtrl as dm" layout="column">
  <md-toolbar>
    <div class="md-toolbar-tools md-default">
      <span>브랜드 로고</span>
      <span flex></span>
      <span>메뉴영역</span>
    </div>
  </md-toolbar>
  <div layout="row" flex>
    <md-sidenav class="md-padding md-whiteframe-4dp" md-is-locked-open="true">
      메뉴
    </md-sidenav>
    <md-content class="md-padding" flex>
      콘텐츠
    </md-content>
  </div>
</body>

JavaScript

(function(){
	'use strict';
  angular.module('app',['ngMaterial'])
  .controller('DemoCtrl', function($scope){
  	var dm = this;
		
  });
}());