<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:
Click me!
Tooltip text
Click me!
Tooltip text
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 | {} |