<!-- default -->
<button class="mui-btn">Button</button>
<!-- button types -->
<button class="mui-btn mui-btn--flat">Button</button>
<button class="mui-btn mui-btn--raised">Button</button>
<!-- button styles -->
<button class="mui-btn mui-btn--primary">Button</button>
<button class="mui-btn mui-btn--danger">Button</button>
<button class="mui-btn mui-btn--accent">Button</button>
<!-- button sizes -->
<button class="mui-btn mui-btn--small">Button</button>
<button class="mui-btn mui-btn--large">Button</button>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td class="mui-panel">
<!--
panel contents go here
-->
</td>
</tr>
</table>
<!-- alignment -->
<div class="mui--text-left">text-left</div>
<div class="mui--text-right">text-right</div>
<div class="mui--text-center">text-center</div>
<div class="mui--text-justify">text-justify</div>
<!-- dividers -->
<div class="mui--divider-top"></div>
<div class="mui--divider-right"></div>
<div class="mui--divider-bottom"></div>
<div class="mui--divider-left"></div>
<!-- typography -->
<div class="mui--text-display4"></div>
<div class="mui--text-display3"></div>
<div class="mui--text-display2"></div>
<div class="mui--text-display1"></div>
<div class="mui--text-headline"></div>
<div class="mui--text-title"></div>
<div class="mui--text-subhead"></div>
<div class="mui--text-body2">Body2</div>
<div class="mui--text-body1">Body1</div>
<div class="mui--text-caption">Caption</div>
<div class="mui--text-menu">Menu</div>
<div class="mui--text-button">Button</div>
<!-- text color -->
<div class="mui--text-dark"></div>
<div class="mui--text-dark-secondary"></div>
<div class="mui--text-dark-hint"></div>
<div class="mui--text-light"></div>
<div class="mui--text-light-secondary"></div>
<div class="mui--text-light-hint"></div>
<div class="mui--text-accent"></div>
<div class="mui--text-accent-secondary"></div>
<div class="mui--text-accent-hint"></div>
<div class="mui--text-danger"></div>
<div class="mui--text-black"></div>
<div class="mui--text-white"></div>