| Index: third_party/polymer/v1_0/components-chromium/paper-fab/README.md
|
| diff --git a/third_party/polymer/v1_0/components-chromium/paper-fab/README.md b/third_party/polymer/v1_0/components-chromium/paper-fab/README.md
|
| index 4ee55de0f9d34e2aa47694b57e19e75824afc2cf..f2bb1c83cfbbd97067c7abd16b3bf68326252e9e 100644
|
| --- a/third_party/polymer/v1_0/components-chromium/paper-fab/README.md
|
| +++ b/third_party/polymer/v1_0/components-chromium/paper-fab/README.md
|
| @@ -1,7 +1,23 @@
|
| -paper-fab
|
| -=========
|
|
|
| -Material Design: <a href="http://www.google.com/design/spec/components/buttons.html">Button</a>
|
| +<!---
|
| +
|
| +This README is automatically generated from the comments in these files:
|
| +paper-fab.html
|
| +
|
| +Edit those files, and our readme bot will duplicate them over here!
|
| +Edit this file, and the bot will squash your changes :)
|
| +
|
| +-->
|
| +
|
| +[](https://travis-ci.org/PolymerElements/paper-fab)
|
| +
|
| +_[Demo and API Docs](https://elements.polymer-project.org/elements/paper-fab)_
|
| +
|
| +
|
| +##<paper-fab>
|
| +
|
| +
|
| +Material design: [Floating Action Button](https://www.google.com/design/spec/components/buttons-floating-action-button.html)
|
|
|
| `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
|
| @@ -12,10 +28,26 @@ See `iron-iconset` for more information about how to use a custom icon set.
|
|
|
| Example:
|
|
|
| -```html
|
| -<link href="path/to/iron-icons/iron-icons.html" rel="import">
|
| + <link href="path/to/iron-icons/iron-icons.html" rel="import">
|
| +
|
| + <paper-fab icon="add"></paper-fab>
|
| + <paper-fab mini icon="favorite"></paper-fab>
|
| + <paper-fab src="star.png"></paper-fab>
|
| +
|
| +
|
| +### Styling
|
| +
|
| +The following custom properties and mixins are available for styling:
|
| +
|
| +Custom property | Description | Default
|
| +----------------|-------------|----------
|
| +`--paper-fab-background` | The background color of the button | `--accent-color`
|
| +`--paper-fab-keyboard-focus-background` | The background color of the button when focused | `--paper-pink-900`
|
| +`--paper-fab-disabled-background` | The background color of the button when it's disabled | `--paper-grey-300`
|
| +`--paper-fab-disabled-text` | The text color of the button when it's disabled | `--paper-grey-500`
|
| +`--paper-fab` | Mixin applied to the button | `{}`
|
| +`--paper-fab-mini` | Mixin applied to a mini button | `{}`
|
| +`--paper-fab-disabled` | Mixin applied to a disabled button | `{}`
|
| +`--paper-fab-iron-icon` | Mixin applied to the iron-icon within the button | `{}`
|
| +
|
|
|
| -<paper-fab icon="add"></paper-fab>
|
| -<paper-fab mini icon="favorite"></paper-fab>
|
| -<paper-fab src="star.png"></paper-fab>
|
| -```
|
|
|