Basic Buttons

Button Pill button Primary button 

<a href="#" class="button">Button</a>
<a href="#" class="button pill">Pill button</a>
<a href="#" class="button primary">Primary button</a>

Alert Buttons

Danger button Big button 

<a href="#" class="button danger">Danger button</a>
<a href="#" class="button big">Big button</a>

Grouping Buttons

Compose new
Archive Report spam Delete
Move to Labels 

<div class="actions button-container">
	<a href="#" class="button primary">Compose new</a>               
	<div class="button-group">
		<a href="#" class="button primary">Archive</a>
		<a href="#" class="button">Report spam</a>
		<a href="#" class="button danger">Delete</a>
	</div>               
	<div class="button-group minor-group">
		<a href="#" class="button">Move to</a>
		<a href="#" class="button">Labels</a>
	</div>
</div>

Buttons with icons

<a href="#" class="button icon arrowup">Arrowup</a>

Arrowup Arrowdown Arrowleft Arrowright Approve

Add Remove Log Calendar Chat

Clock Settings Comment Fork

Favorite Home Key Lock Unlock

Loop Search Mail Move Edit

Pin Reload RSS Tag Trash User


Dash Navigation Icons

iDash also comes with a TON of icons for your primary navigation. All of them can be applied by using a simple CSS class.