Buttons

Default Buttons

<div>
  <a href="#" class="mui-btn">Button</a>
  <a href="#" class="mui-btn mui-btn--primary">Button</a>
  <a href="#" class="mui-btn mui-btn--danger">Button</a>
  <a href="#" class="mui-btn mui-btn--accent">Button</a>
</div>
View in new tab »

Flat Buttons

<div>
  <a href="#" class="mui-btn mui-btn--flat">Button</a>
  <a href="#" class="mui-btn mui-btn--flat mui-btn--primary">Button</a>
  <a href="#" class="mui-btn mui-btn--flat mui-btn--danger">Button</a>
  <a href="#" class="mui-btn mui-btn--flat mui-btn--accent">Button</a>
</div>
View in new tab »

Raised Buttons

<div>
  <a href="#" class="mui-btn mui-btn--raised">Button</a>
  <a href="#" class="mui-btn mui-btn--raised mui-btn--primary">Button</a>
  <a href="#" class="mui-btn mui-btn--raised mui-btn--danger">Button</a>
  <a href="#" class="mui-btn mui-btn--raised mui-btn--accent">Button</a>
</div>
View in new tab »

Button Sizes

<div>
  <a href="#" class="mui-btn mui-btn--small mui-btn--primary">Button</a>
  <a href="#" class="mui-btn mui-btn--small mui-btn--primary mui-btn--flat">Button</a>
  <a href="#" class="mui-btn mui-btn--small mui-btn--primary mui-btn--raised">Button</a>
</div>
<br>
<div>
  <a href="#" class="mui-btn mui-btn--primary">Button</a>
  <a href="#" class="mui-btn mui-btn--primary mui-btn--flat">Button</a>
  <a href="#" class="mui-btn mui-btn--primary mui-btn--raised">Button</a>
</div>
<br>
<div>
  <a href="#" class="mui-btn mui-btn--large mui-btn--primary">Button</a>
  <a href="#" class="mui-btn mui-btn--large mui-btn--primary mui-btn--flat">Button</a>
  <a href="#" class="mui-btn mui-btn--large mui-btn--primary mui-btn--raised">Button</a>
</div>
View in new tab »

Cross-Client Support

<table class="mui-btn mui-btn--primary" border="0" cellspacing="0" cellpadding="0"><tr><td><a href="#">Button</a></td></tr></table>
<br>
<table class="mui-btn mui-btn--primary mui-btn--raised" border="0" cellspacing="0" cellpadding="0"><tr><td><a href="#">Button</a></td></tr></table>
<br>
<table class="mui-btn mui-btn--primary mui-btn--flat" border="0" cellspacing="0" cellpadding="0"><tr><td><a href="#">Button</a></td></tr></table>
<br>
<table class="mui-btn mui-btn--primary mui-btn--large" border="0" cellspacing="0" cellpadding="0"><tr><td><a href="#">Button</a></td></tr></table>
View in new tab »
« Previous Next »