next-ucap-messenger/projects/ucap-webmessenger-ui/src/lib/components/float-action-button.component.html

22 lines
536 B
HTML
Raw Normal View History

2019-10-30 18:18:35 +09:00
<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>