https://github.com/pomber/paper-fab-speed-dial

A floating action button flinging out related actions
https://github.com/pomber/paper-fab-speed-dial

button custom-elements fab material-design menu paper-fab polymer speed-dial web-component

Last synced: 6 days ago
JSON representation

A floating action button flinging out related actions

• Host: GitHub
• URL: https://github.com/pomber/paper-fab-speed-dial
• Owner: pomber
• License: mit
• Created: 2016-09-18T15:35:02.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2018-07-07T22:46:45.000Z (over 7 years ago)
• Last Synced: 2025-07-23T02:18:28.268Z (3 months ago)
• Topics: button, custom-elements, fab, material-design, menu, paper-fab, polymer, speed-dial, web-component
• Language: HTML
• Homepage: https://pomber.github.io/paper-fab-speed-dial/
• Size: 2.17 MB
• Stars: 15
• Watchers: 3
• Forks: 7
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# \

A floating action button flinging out related actions.

## Demo

![Demo](https://raw.githubusercontent.com/pomber/paper-fab-speed-dial/master/docs/images/paper-fab-speed-dial.gif)

Live demo in [component page](https://pomber.github.io/paper-fab-speed-dial/)

## Usage

Install:

```sh

bower install --save paper-speed-dial

```

Import:

```html

```

Use:

```html

      

    

    


        

        

        

    


```

## 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 |