1 <!-- 2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. 3 This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt 5 The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt 6 Code distributed by Google as part of the polymer project is also 7 subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt 8 --> 9 10 <!-- 11 `<paper-fab>` is a floating action button with an icon. It comes in two sizes: regular 12 size and a smaller size by applying the class `mini`. 13 14 Example: 15 16 <paper-fab icon="favorite"></paper-fab> 17 <paper-fab class="mini"></paper-fab> 18 19 @group Paper Elements 20 @element paper-fab 21 @homepage github.io 22 @extends paper-icon-button 23 --> 24 25 <link href="../polymer/polymer.html" rel="import"> 26 <link href="../paper-icon-button/paper-icon-button.html" rel="import"> 27 28 <polymer-element name="paper-fab" extends="paper-icon-button"> 29 30 <template> 31 32 <link href="paper-fab.css" rel="stylesheet"> 33 34 <shadow></shadow> 35 36 </template> 37 38 <script> 39 Polymer('paper-fab', { 40 41 publish: { 42 43 /** 44 * See [`<paper-button>`](../paper-button). 45 * 46 * @attribute raisedButton 47 * @type boolean 48 * @default true 49 */ 50 raisedButton: {value: true, reflect: true} 51 52 } 53 54 }); 55 </script> 56 </polymer-element> 57