fab-speed-dial is a customizable FAB (floating action button) material quick-dial element for angular material.
angularmaterial floating button, floating action button example, angular material button example, angular floating button
How to make use of it:
Install
yarn add @ecodev/fab-speed-dial
1. In app.module.ts add the following modules to the imports array:
MatButtonModule MatIconModule EcoFabSpeedDialModule
2. Below is an example of a simplified form. Either you implement doAction(), or adapt the bindings to your needs:
<eco-fab-speed-dial> <eco-fab-speed-dial-trigger> <button mat-fab (click)="doAction('trigger')"><mat-icon>menu</mat-icon></button> </eco-fab-speed-dial-trigger> <eco-fab-speed-dial-actions> <button mat-mini-fab (click)="doAction('action1')"><mat-icon>add</mat-icon></button> <button mat-mini-fab (click)="doAction('action2')"><mat-icon>edit</mat-icon></button> <button mat-mini-fab (click)="doAction('action3')"><mat-icon>search</mat-icon></button> </eco-fab-speed-dial-actions> </eco-fab-speed-dial>
Material Floating Action Button For Angular Plugin/Github
See Demo And Download
Official Website(Ecodev): Click Here
This superior jQuery/javascript plugin is developed by Ecodev. For extra advanced usage, please go to the official website.
Be First to Comment