The raised button is a standard button that signify actions and seek to give depth to a mostly flat page. The floating circular action button is meant for very important functions. Flat buttons are usually used within elements that already have depth like cards or modals.

• one1
• two2
• three

Flat Button

Floating Button

When you use a button to submit a form, instead of using a input tag, use a button tag with a type submit

This button has a larger height for buttons that need more attention.

If you want a fixed floating action button, you can add multiple actions that will appear on hover. Our demo is in the bottom righthand corner of the page.

This style can be applied to all button types.

Button Colors