Best way to position a FAB on bottom right

[treeder]

The docs don't say how to position it, but I was wondering if there's something built in to position it to the bottom right and be sticky there.

[datvm]

Usually I use a flex box like this

[CornerSyrup]

I use a more classic way,

html, body {
  min-height: 100vh;
}

/* It doesn't matter where you put your `md-fab`
   as long as you specify the correct selector */
md-fab {
  position: fixed;
  right: 16px;     /* style as you need */
  bottom: 16px;    /* style as you need */
}

[CarlosEGuerraSilva]

For re-usability and dev-friendly understanding I made it like this:

md-fab[position]{
  position: fixed;
  &[position="bottom-left"]{
    bottom: 1rem;
    left: 1rem;
  }
  &[position="bottom-right"]{
    bottom: 1rem;
    right: 1rem;
  }
}