third_party/polymer/v1_0/components-chromium/paper-tooltip/README.md

   1 # paper-tooltip
   2
   3 `<paper-tooltip>` is a label that appears on hover and focus when the user
   4 hovers over an element with the cursor or with the keyboard. It will be centered
   5 to an anchor element specified in the `for` attribute, or, if that doesn't exist,
   6 centered to the parent node containing it.
   7 Example:
   8
   9 ```html
  10     <div style="display:inline-block">
  11       <button>Click me!</button>
  12       <paper-tooltip>Tooltip text</paper-tooltip>
  13     </div>
  14     <div>
  15       <button id="btn">Click me!</button>
  16       <paper-tooltip for="btn">Tooltip text</paper-tooltip>
  17     </div>
  18 ```
  19
  20 ### Styling
  21 The following custom properties and mixins are available for styling:
  22
  23 Custom property | Description | Default
  24 ----------------|-------------|----------
  25 `--paper-tooltip-background` | The background color of the tooltip | `#616161`
  26 `--paper-tooltip-opacity` | The opacity of the tooltip | `0.9`
  27 `--paper-tooltip-text-color` | The text color of the tooltip | `white`
  28 `--paper-tooltip` | Mixin applied to the tooltip | `{}`