Angular Material Layout

by Bruno Sabetta

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://cdnjs.cloudflare.com/ajax/libs/angular-material/1.1.1/angular-material.js"></script>
<div ng-app="myapp">
<md-button class="md-raised md-primary" aria-label="Play">
  <md-tooltip>I'm a custom 1.1.3 <br/>tooltip</md-tooltip>
  Hover Me!
</md-button>
</div>

CSS

.md-tooltip {
    height: auto !important;
    line-height: 20px;
}

JavaScript

angular.module('myapp', ['ngMaterial']);