The <md-fab-speed-dial>
directive is used to present a series of popup elements (usually
<md-button>
s) for quick access to common actions.
There are currently two animations available by applying one of the following classes to the component:
md-fling
- The speed dial items appear from underneath the trigger and move into their
appropriate positions.md-scale
- The speed dial items appear in their proper places by scaling from 0% to 100%.You may also easily position the trigger by applying one one of the following classes to the
<md-fab-speed-dial>
element:
md-fab-top-left
md-fab-top-right
md-fab-bottom-left
md-fab-bottom-right
These CSS classes use position: absolute
, so you need to ensure that the container element
also uses position: absolute
or position: relative
in order for them to work.
Parameter | Type | Description |
---|---|---|
md-direction
string
|
string |
From which direction you would like the speed dial to appear relative to the trigger element. |
md-open
expression
|
expression |
Programmatically control whether or not the speed-dial is visible. |