Index: third_party/polymer/v1_0/components-chromium/paper-tooltip/README.md |
diff --git a/third_party/polymer/v1_0/components-chromium/paper-tooltip/README.md b/third_party/polymer/v1_0/components-chromium/paper-tooltip/README.md |
index 67a9fa488d4af4de254e7ee3f759dd523e138d43..b20a34b52a01708fb34016abd2620abf33063ba7 100644 |
--- a/third_party/polymer/v1_0/components-chromium/paper-tooltip/README.md |
+++ b/third_party/polymer/v1_0/components-chromium/paper-tooltip/README.md |
@@ -1,28 +1,62 @@ |
-# paper-tooltip |
+ |
+<!--- |
+ |
+This README is automatically generated from the comments in these files: |
+paper-tooltip.html |
+ |
+Edit those files, and our readme bot will duplicate them over here! |
+Edit this file, and the bot will squash your changes :) |
+ |
+The bot does some handling of markdown. Please file a bug if it does the wrong |
+thing! https://github.com/PolymerLabs/tedium/issues |
+ |
+--> |
+ |
+[](https://travis-ci.org/PolymerElements/paper-tooltip) |
+ |
+_[Demo and API docs](https://elements.polymer-project.org/elements/paper-tooltip)_ |
+ |
+ |
+##<paper-tooltip> |
+ |
+Material design: [Tooltips](https://www.google.com/design/spec/components/tooltips.html) |
`<paper-tooltip>` is a label that appears on hover and focus when the user |
hovers over an element with the cursor or with the keyboard. It will be centered |
to an anchor element specified in the `for` attribute, or, if that doesn't exist, |
centered to the parent node containing it. |
+ |
Example: |
```html |
- <div style="display:inline-block"> |
- <button>Click me!</button> |
- <paper-tooltip>Tooltip text</paper-tooltip> |
- </div> |
- <div> |
- <button id="btn">Click me!</button> |
- <paper-tooltip for="btn">Tooltip text</paper-tooltip> |
- </div> |
+<div style="display:inline-block"> |
+ <button>Click me!</button> |
+ <paper-tooltip>Tooltip text</paper-tooltip> |
+</div> |
+ |
+<div> |
+ <button id="btn">Click me!</button> |
+ <paper-tooltip for="btn">Tooltip text</paper-tooltip> |
+</div> |
+``` |
+ |
+The tooltip can be positioned on the top|bottom|left|right of the anchor using |
+the `position` attribute. The default position is bottom. |
+ |
+```html |
+<paper-tooltip for="btn" position="left">Tooltip text</paper-tooltip> |
+<paper-tooltip for="btn" position="top">Tooltip text</paper-tooltip> |
``` |
### Styling |
+ |
The following custom properties and mixins are available for styling: |
-Custom property | Description | Default |
-----------------|-------------|---------- |
-`--paper-tooltip-background` | The background color of the tooltip | `#616161` |
-`--paper-tooltip-opacity` | The opacity of the tooltip | `0.9` |
-`--paper-tooltip-text-color` | The text color of the tooltip | `white` |
-`--paper-tooltip` | Mixin applied to the tooltip | `{}` |
+| Custom property | Description | Default | |
+| --- | --- | --- | |
+| `--paper-tooltip-background` | The background color of the tooltip | `#616161` | |
+| `--paper-tooltip-opacity` | The opacity of the tooltip | `0.9` | |
+| `--paper-tooltip-text-color` | The text color of the tooltip | `white` | |
+| `--paper-tooltip` | Mixin applied to the tooltip | `{}` | |
+ |
+ |