[](https://github.com/Ecodev/fab-speed-dial/actions) [](https://www.npmjs.com/package/@ecodev/fab
npm install @ecodev/fab-speed-dial



This is a FAB speed dial component for Angular Material.
See the component in action on the demo page.
1. Install the library:
``bash`
yarn add @ecodev/fab-speed-dial
imports
2. In your standalone components add the following to the array:EcoFabSpeedDialComponent
- EcoFabSpeedDialTriggerComponent
- EcoFabSpeedDialActionsComponent
- MatButtonModule
-
The following is an example of a minimal template. Either implement a doAction(),
or adapt the bindings to your needs:
`html
`
| Property | Type | Default | Description |
| ----------- | ------------------------------- | ------- | ------------------------------------------ |
| open | boolean | false | Indicates if this FAB Speed Dial is opened |direction
| | up, down, left or right | up | The direction to open the action buttons |
| Property | Type | Default | Description |
| -------- | --------- | ------- | ------------------------------------------------------------------------- |
| spin | boolean | false | Enables the rotation of the trigger action when the speed dial is opening |
Additionally to spin property, add class "spin180" or "spin360" on html content inside of eco-fab-speed-dial-trigger tag to activate rotation on a specific element.
In case of buttons, the icon should rotate not the whole button (box-shadow would rotate too).
The most useful commands for development are:
- yarn dev to start a development serveryarn build-demo
- to build the demo locally (it will be published automatically by GitHub Actions)git tag -a 1.2.3 && git push
- to publish the lib to npm (via GitHub Actions release` job)
This lib was originally based on angular-smd,
and its various forks, itself based on
AngularJS FAB Speed Dial.