@ng4746/ng-floating-action-button v1.0.3

Install:

npm install @ng4746/ng-floating-action-button --save

Add needed package to NgModule imports:

import { NgFloatingActionButtonModule } from '@ng4746/ng-floating-action-button';

@NgModule({
  ...
  imports: [NgFloatingActionButtonModule,...]
  ...
})

Add component to your page:

<fab-floating-action [options]="{direction: 'left'}">
  <ng-template fabIcon>
    <i class="material-icons">menu</i>
  </ng-template>
  <ng-template fabActionButton>
    <li>
      <a class="btn-fab">
        <i class="material-icons">cloud_download</i>
      </a>
    </li>
    <li>
      <a class="btn-fab">
        <i class="material-icons">edit</i>
      </a>
    </li>
    <li>
      <a class="btn-fab">
        <i class="material-icons">attachment</i>
      </a>
    </li>
    <li>
      <a class="btn-fab">
        <i class="material-icons">insert_emoticon</i>
      </a>
    </li>
  </ng-template>
</fab-floating-action>

MIT License