Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1569)

Unified Diff: third_party/polymer/v1_0/components-chromium/paper-fab/README.md

Issue 1468623004: Update Polymer from 1.2.1 -> 1.2.3 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@travis-yml
Patch Set: local-state.html Created 5 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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 :)
+
+-->
+
+[![Build Status](https://travis-ci.org/PolymerElements/paper-fab.svg?branch=master)](https://travis-ci.org/PolymerElements/paper-fab)
+
+_[Demo and API Docs](https://elements.polymer-project.org/elements/paper-fab)_
+
+
+##&lt;paper-fab&gt;
+
+
+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>
-```

Powered by Google App Engine
This is Rietveld 408576698