1. Default Buttons and Inputs

source code:

<input type="button" value="Input - Button"/>
<input type="submit" value="Input - Submit"/>
<button>Button</button> 
<button type="submit">Button - Submit</button>
<button class="forced-right-icon"><i class="icon-download"></i>Button with Icon</button>

 

2. Link – button Style

Link – button small Style

Link Waves Effect Waves Effect Light Icon Right Icon

source code:

<a class="btn">Link</a>
<a class="btn waves-effect">Waves Effect</a>
<a class="btn waves-effect waves-light">Waves Effect Light</a>
<a class="btn waves-effect"><i class="icon-download"></i>Icon</a>
<a class="btn waves-effect right-icon"><i class="icon-download"></i>Right Icon</a>

Link – button large Style

Link Waves Effect Waves Effect Light Link & Icon Right Icon

source code:

<a class="btn-large">Link</a>
<a class="btn-large waves-effect">Waves Effect</a>
<a class="btn-large waves-effect waves-light">Waves Effect Light</a>
<a class="btn-large waves-effect"><i class="icon-download"></i>Icon</a>
<a class="btn-large waves-effect right-icon"><i class="icon-download"></i>Right Icon</a>

 

3. Flat Buttons

Sample Flat Waves Effect Waves Effect Light Icon Right Icon

source code:

<a class="btn-flat">Sample Flat</a>
<a class="btn-flat waves-effect">Waves Effect</a>
<a class="btn-flat waves-effect waves-light">Waves Effect Light</a>
<a class="btn-flat waves-effect"><i class="icon-download"></i>Icon</a>
<a class="btn-flat waves-effect right-icon"><i class="icon-download"></i>Right Icon</a>