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"><span class="icon"> ... </span></a>

Brand Colours

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

<a class="fbtn fbtn-brand-accent"><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