JSFiddle - React, Tailwind, and code Playground

HTML

<html ng-app="app" ng-controller="appController">
	<head>
		<title>Test</title>
		<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-route.min.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-messages.min.js"></script>
		<script src="https://ajax.googleapis.com/ajax/libs/angular_material/0.10.0/angular-material.min.js"></script>
		<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/0.10.0/angular-material.min.css">
		<script>
			var app_module = angular.module('app', ['ngMaterial']);
			var app = document.querySelector('[ng-app=app]');

			app_module.controller('appController', function ($scope) {});
			app_module.config(function($mdThemingProvider) {
				$mdThemingProvider.theme("default").primaryPalette('grey').accentPalette("indigo").dark();
			});
		</script>
		<style>
		.ng-scope { //height: 100%; }
		</style>
	</head>

	<body layout="column">

	<md-tabs flex layout="column" class="md-accent" style="background:red">
		<md-tab flex layout="column" label="A" style="background:green">
			<div flex style="background:blue">A</div>
		</md-tab>
		<md-tab label="B">
			<div flex style="background:cyan">B</div>
		</md-tab>
	</md-tabs>

	</body>
	</html>