| 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 3af8acd93d5c7a1ffb8740238b12d19d8c375f90..67a9fa488d4af4de254e7ee3f759dd523e138d43 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,4 +1,28 @@
|
| # paper-tooltip
|
|
|
| -`<paper-tooltip>` is a Material Design label that appears when the user hovers
|
| -over an element with the cursor, or focuses the element with the keyboard.
|
| +`<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>
|
| +```
|
| +
|
| +### 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 | `{}`
|
|
|