Buttons: Floating Action Button

Floating action buttons are used for a promoted action. They are distinguished by a circled icon floating above the UI and have motion behaviours that include morphing, launching, and a transferring anchor point.

FAB

add

<a class="fbtn waves-attach waves-circle"><span class="icon"> ... </span></a>

Brand Colours

<a class="fbtn fbtn-brand waves-attach waves-circle waves-light"><span class="icon"> ... </span></a>

<a class="fbtn fbtn-brand-accent waves-attach waves-circle waves-light"><span class="icon"> ... </span></a>

Colour Palettes

add

.fbtn-green

add

.fbtn-orange

add

.fbtn-red

Sizes

add

<a class="fbtn fbtn-lg"><span class="icon"> ... </span></a>
Linksappsclose