next-ucap-messenger/projects/ucap-webmessenger-ui/src/lib/components/float-action-button.component.html
2019-11-08 16:02:42 +09:00

24 lines
633 B
HTML

<div
id="fab-dismiss"
*ngIf="fabTogglerState === 'active'"
(click)="onToggleFab()"
></div>
<div class="fab-container btn-main-float">
<button mat-fab class="fab-toggler bg-accent-dark" (click)="onToggleFab()">
<mat-icon [@fabToggler]="fabTogglerState">add</mat-icon>
</button>
<div [@speedDialStagger]="buttons.length">
<button
*ngFor="let btn of buttons"
mat-mini-fab
[matTooltip]="btn.tooltip"
matTooltipPosition="before"
class="fab-secondary"
color="secondary"
(click)="onClickButton(btn)"
>
<mat-icon>{{ btn.icon }}</mat-icon>
</button>
</div>
</div>