Install:
npm install @ng4746/ng-floating-action-button --saveAdd 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>