Buttons

Standard Buttons

Use any of the available button classes to quickly create a styled button.


<button type="button" class="md-btn-raised">Raised default button</button>
<button type="button" class="md-btn-flat">Flat button</button>

<button type="button" class="md-btn-raised"><i class="fa fa-download i-nbsp"></i>Raised w/ icon</button>
<button type="button" class="btn btn-link">Raised default button</button>
Different Sizes

If you want larger or smaller buttons you can add the .btn-block, .btn-sm, or .btn-xs class.



Button placement

Droppdowns buttons are avalible with any color and any size.

This is a group of buttons, ideal for sytuation where many actions are related to same element.

Button Group



To buttons with any color or any size you can add extra icon on the left or the right side.

Commom Icon Buttons

Sign in with Facebook Sign in with Facebook Stared

Toggle buttons Variations

Button groups can act as a radio or a switch or even a single toggle. Below are some examples click to see what happens

For buttons you can add .btn-circle to rounded buttons and make it circle.

Circle buttons