AskYous AskYous - 29 days ago 15
CSS Question

How do I implement the 'add' FAB on the bottom right like I see in many Google web apps?

I'm am trying to implement a FAB on the bottom right corner of my web app. Is manual CSS the only way to do this? I do not see any documentation for this on https://material.angularjs.org.

This is an example of what I want to implement (the bottom right red button):

FAB add button on bottom right

Answer Source

I just found out the answer:

<md-button class="md-fab md-fab-bottom-right" aria-label="Add a category">
  <md-icon>add</md-icon>
</md-button>

I had to add a classname of md-fab-bottom-right.