[![Build status](https://travis-ci.org/PolymerElements/paper-tooltip.svg?branch=master)](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) `` 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 Click me! Tooltip text Click me! Tooltip text ``` The tooltip can be positioned on the top|bottom|left|right of the anchor using the `position` attribute. The default position is bottom. ```html Tooltip text Tooltip text ``` ### 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 | `{}` |