paper-fab-speed-dial
A floating action button flinging out related actions
MIT License
Stars
15
Committers
4
Ecosystems:
Web Components
<paper-fab-speed-dial>
A floating action button flinging out related actions.
Demo
Live demo in component page
Usage
Install:
bower install --save paper-speed-dial
Import:
<link rel="import" href="bower_components/paper-fab-speed-dial/paper-fab-speed-dial.html">
Use:
<paper-fab-speed-dial>
<paper-fab icon="add"></paper-fab>
<div class="dropdown-content">
<paper-fab mini icon="rowing"></paper-fab>
<paper-fab mini icon="weekend"></paper-fab>
<paper-fab mini icon="pets"></paper-fab>
</div>
</paper-fab-speed-dial>
Styling
The following custom properties and mixins are available for styling:
| Custom property | Description | Default |
|---|---|---|
--paper-fab-speed-dial |
Mixin applied to the element | {} |
--paper-fab-speed-dial-position |
Position of the element | absolute |
--paper-fab-speed-dial-bottom |
bottom value of the element. | 10px |
--paper-fab-speed-dial-right |
right value of the element. | 10px |
Package Rankings
Top 18.95% on Bower.io
Top 34.14% on Repo1.maven.org