Tronic247 Material

Floating action button

Edit this page

Usage

Create an element anadd the class btn and fab to it. Inside that add the icon.

<button class="fab"><i class="material-icons">favorite</i></button> 

With text

Add the class with-text


<button class="fab with-text"><i class="material-icons">add</i>&nbsp;New file</button>

Small FAB

Add the class small


<button class="fab small"><i class="material-icons">add</i></button>    

FAB colors

Color class Preview
Primary --
Secondary .secondary
Success .success
Danger .danger
Dark .dark