JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-animate.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-aria.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular-messages.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.0.0/angular-material.min.js"></script>
<body ng-app="BlankApp" ng-cloak>
<md-menu md-offset="10 60" >
<!-- Trigger element is a md-button with an icon -->
<md-button ng-click="$mdOpenMenu($event)" aria-label="Open sample menu">
open first
</md-button>
<md-menu-content width="6" id="messages">
<md-menu-item md-menu-origin md-menu-align-target ><md-button ng-click="doSomething()">
Test 1
</md-button></md-menu-item>
<md-menu-item><md-button ng-click="doSomething()">
Test 2
</md-button></md-menu-item>
<md-menu-item><md-button ng-click="doSomething()">
Test 3
</md-button></md-menu-item>
<md-menu-item><md-button ng-click="doSomething()">
Test 4
</md-button></md-menu-item>
</md-menu-content>
</md-menu>
<md-menu md-offset="10 60" >
<!-- Trigger element is a md-button with an icon -->
<md-button ng-click="$mdOpenMenu($event)" aria-label="Open sample menu">
open second
</md-button>
<md-menu-content width="6" id="messages">
...