ZachMoreno / paper-fab

A material design floating action button

<paper-fab>

Material design: Floating Action Button

paper-fab is a floating action button. It contains an image placed in the center and comes in two sizes: regular size and a smaller size by applying the attribute mini. When the user touches the button, a ripple effect emanates from the center of the button.

You may import iron-icons to use with this element, or provide a URL to a custom icon. See iron-iconset for more information about how to use a custom icon set.

<paper-fab icon="favorite"></paper-fab>
<paper-fab mini icon="reply"></paper-fab>
<paper-fab label="😻"></paper-fab>

Changes in 2.0

• Implementation detail: paper-material has been replaced with the shared style in paper-styles/element-styles/paper-material-styles.html.