Bottom Right
My Item 1
My Item 2
My Item 3
Bottom Left
My Item 1
My Item 2
My Item 3
My Item 4
Top Left
My Item 1
My Item 2
My Item 3
Top Right
My Item 1
My Item 2
My Item 3
Default
My Item 1
My Item 2
My Item 3
Align trigger
My Item 1
My Item 2
My Item 3
Custom offset
My Item 1
My Item 2
My Item 3
Default
My Item 1
My Item 2
My Item 3
Size 1
My Item 1
My Item 2
My Item 3
Size 2
My Item 1
My Item 2
My Item 3
Size 4
My Item 1
My Item 2
My Item 3
Size 5
My Item 1
My Item 2
My Item 3
Size 7
My Item 1
My Item 2
My Item 3
more_vert
My Item 1
My Item 2
My Item 3
phone
phone
My Item 1
phone
My Item 2
phone
My Item 3
near_me
Find on map
near_me
Call
phone
<md-menu>
<md-button md-menu-trigger>Bottom Right</md-button>
<md-menu-content>
<md-menu-item>My Item 1</md-menu-item>
<md-menu-item>My Item 2</md-menu-item>
<md-menu-item>My Item 3</md-menu-item>
</md-menu-content>
</md-menu>
<md-menu md-direction="bottom left">
<md-button md-menu-trigger>Bottom Left</md-button>
<md-menu-content>
<md-menu-item>My Item 1</md-menu-item>
<md-menu-item>My Item 2</md-menu-item>
<md-menu-item disabled>My Item 3</md-menu-item>
<md-menu-item>My Item 4</md-menu-item>
</md-menu-content>
</md-menu>
<md-menu md-direction="top left">
<md-button md-menu-trigger>Top Left</md-button>
<md-menu-content>
<md-menu-item>My Item 1</md-menu-item>
<md-menu-item>My Item 2</md-menu-item>
<md-menu-item>My Item 3</md-menu-item>
</md-menu-content>
</md-menu>
<md-menu md-direction="top right">
<md-button md-menu-trigger>Top Right</md-button>
<md-menu-content>
<md-menu-item>My Item 1</md-menu-item>
<md-menu-item>My Item 2</md-menu-item>
<md-menu-item>My Item 3</md-menu-item>
</md-menu-content>
</md-menu>
<md-menu>
<md-button md-menu-trigger>Default</md-button>
<md-menu-content>
<md-menu-item>My Item 1</md-menu-item>
<md-menu-item>My Item 2</md-menu-item>
<md-menu-item>My Item 3</md-menu-item>
</md-menu-content>
</md-menu>
<md-menu md-align-trigger>
<md-button md-menu-trigger>Align trigger</md-button>
<md-menu-content>
<md-menu-item>My Item 1</md-menu-item>
<md-menu-item>My Item 2</md-menu-item>
<md-menu-item>My Item 3</md-menu-item>
</md-menu-content>
</md-menu>
<md-menu :md-offset-x="154" md-offset-y="12">
<md-button md-menu-trigger>Custom offset</md-button>
<md-menu-content>
<md-menu-item>My Item 1</md-menu-item>
<md-menu-item>My Item 2</md-menu-item>
<md-menu-item>My Item 3</md-menu-item>
</md-menu-content>
</md-menu>
<md-menu>
<md-button md-menu-trigger>Default</md-button>
<md-menu-content>
<md-menu-item>My Item 1</md-menu-item>
<md-menu-item>My Item 2</md-menu-item>
<md-menu-item>My Item 3</md-menu-item>
</md-menu-content>
</md-menu>
<md-menu md-size="1">
<md-button md-menu-trigger>Size 1</md-button>
<md-menu-content>
<md-menu-item>My Item 1</md-menu-item>
<md-menu-item>My Item 2</md-menu-item>
<md-menu-item>My Item 3</md-menu-item>
</md-menu-content>
</md-menu>
<md-menu md-size="2">
<md-button md-menu-trigger>Size 2</md-button>
<md-menu-content>
<md-menu-item>My Item 1</md-menu-item>
<md-menu-item>My Item 2</md-menu-item>
<md-menu-item>My Item 3</md-menu-item>
</md-menu-content>
</md-menu>
<md-menu md-size="4">
<md-button md-menu-trigger>Size 4</md-button>
<md-menu-content>
<md-menu-item>My Item 1</md-menu-item>
<md-menu-item>My Item 2</md-menu-item>
<md-menu-item>My Item 3</md-menu-item>
</md-menu-content>
</md-menu>
<md-menu md-size="5">
<md-button md-menu-trigger>Size 5</md-button>
<md-menu-content>
<md-menu-item>My Item 1</md-menu-item>
<md-menu-item>My Item 2</md-menu-item>
<md-menu-item>My Item 3</md-menu-item>
</md-menu-content>
</md-menu>
<md-menu md-size="7">
<md-button md-menu-trigger>Size 7</md-button>
<md-menu-content>
<md-menu-item>My Item 1</md-menu-item>
<md-menu-item>My Item 2</md-menu-item>
<md-menu-item>My Item 3</md-menu-item>
</md-menu-content>
</md-menu>
<md-menu>
<md-button class="md-icon-button" md-menu-trigger>
<md-icon>more_vert</md-icon>
</md-button>
<md-menu-content>
<md-menu-item>My Item 1</md-menu-item>
<md-menu-item>My Item 2</md-menu-item>
<md-menu-item>My Item 3</md-menu-item>
</md-menu-content>
</md-menu>
<md-menu md-size="4">
<md-button class="md-icon-button" md-menu-trigger>
<md-icon>phone</md-icon>
</md-button>
<md-menu-content>
<md-menu-item>
<md-icon>phone</md-icon>
<span>My Item 1</span>
</md-menu-item>
<md-menu-item>
<md-icon>phone</md-icon>
<span>My Item 2</span>
</md-menu-item>
<md-menu-item>
<md-icon>phone</md-icon>
<span>My Item 3</span>
</md-menu-item>
</md-menu-content>
</md-menu>
<md-menu md-direction="bottom left" md-size="4">
<md-button class="md-icon-button" md-menu-trigger>
<md-icon>near_me</md-icon>
</md-button>
<md-menu-content>
<md-menu-item>
<span>Find on map</span>
<md-icon>near_me</md-icon>
</md-menu-item>
<md-menu-item>
<span>Call</span>
<md-icon>phone</md-icon>
</md-menu-item>
</md-menu-content>
</md-menu>