22 lines
536 B
HTML
22 lines
536 B
HTML
|
<div
|
||
|
|
id="fab-dismiss"
|
||
|
|
*ngIf="fabTogglerState === 'active'"
|
||
|
|
(click)="onToggleFab()"
|
||
|
|
></div>
|
||
|
|
<div class="fab-container">
|
||
|
|
<button mat-fab class="fab-toggler" (click)="onToggleFab()">
|
||
|
|
<mat-icon [@fabToggler]="fabTogglerState">add</mat-icon>
|
||
|
|
</button>
|
||
|
|
<div [@speedDialStagger]="buttons.length">
|
||
|
|
<button
|
||
|
|
*ngFor="let btn of buttons"
|
||
|
|
mat-mini-fab
|
||
|
|
class="fab-secondary"
|
||
|
|
color="secondary"
|
||
|
|
(click)="onClickButton(btn)"
|
||
|
|
>
|
||
|
|
<mat-icon>{{ btn.icon }}</mat-icon>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|