vaginessa / paper-fab-speed-dial

A floating action button flinging out related actions

<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