Press "Enter" to skip to content

Angular Material FAB Floating Action Button Speed Dial Library

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

    Leave a Reply

    Your email address will not be published. Required fields are marked *