<div class="mdl-layout mdl-js-layout mdl-color--grey-100">
	<main class="mdl-layout__content">
		<button id="lang-switcher" class="mdl-button mdl-js-button mdl-button--icon">
			<i class="material-icons">language</i>
		</button>
		<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu" for="lang-switcher">
			<li class="mdl-menu__item">English</li>
			<li class="mdl-menu__item">日本語</li>
			<li class="mdl-menu__item">한국어</li>
		</ul>
	</main>
</div>
#lang-switcher {
	position: absolute;
	top: 20px;
	right: 90px;
}

External CSS

  1. https://fonts.googleapis.com/icon?family=Material+Icons
  2. https://storage.googleapis.com/code.getmdl.io/1.0.2/material.teal-red.min.css

External JavaScript

  1. https://storage.googleapis.com/code.getmdl.io/1.0.1/material.min.js