paper-tooltip - Vaadin Add-on Directory

Name: paper-tooltip
Availability: InStock
Rating: 3.0 (2 reviews)
Author: PolymerElements

A Material Design tooltip

[![Published on NPM](https://img.shields.io/npm/v/@polymer/paper-tooltip.svg)](https://www.npmjs.com/package/@polymer/paper-tooltip) [![Build status](https://travis-ci.org/PolymerElements/paper-tooltip.svg?branch=master)](https://travis-ci.org/PolymerElements/paper-tooltip) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://webcomponents.org/element/@polymer/paper-tooltip) ## <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. See: [Documentation](https://www.webcomponents.org/element/@polymer/paper-tooltip), [Demo](https://www.webcomponents.org/element/@polymer/paper-tooltip/demo/demo/index.html). ## Usage ### Installation ``` npm install --save @polymer/paper-tooltip ``` ### In an html file ```html

Tooltip text

``` ### In a Polymer 3 element ```js import {PolymerElement, html} from '@polymer/polymer'; import '@polymer/paper-tooltip/paper-tooltip.js'; class SampleElement extends PolymerElement { static get template() { return html`

Tooltip text

`; } } customElements.define('sample-element', SampleElement); ``` ## Contributing If you want to send a PR to this element, here are the instructions for running the tests and demo locally: ### Installation ```sh git clone https://github.com/PolymerElements/paper-tooltip cd paper-tooltip npm install npm install -g polymer-cli ``` ### Running the demo locally ```sh polymer serve --npm open http://127.0.0.1:/demo/ ``` ### Running the tests ```sh polymer test --npm ```

Documentation
GitHub Homepage
Issue tracker
License
Online Demo
View on NPM
View on GitHub

paper-tooltip version 1.0.0
### Dependencies * polymer#Polymer/polymer#^1.0.0 * paper-styles#PolymerElements/paper-styles#^1.0.0 * neon-animation#PolymerElements/neon-animation#^1.0.0

paper-tooltip version 1.0.1
### Dependencies * polymer#Polymer/polymer#^1.0.0 * paper-styles#PolymerElements/paper-styles#^1.0.0 * neon-animation#PolymerElements/neon-animation#^1.0.0

paper-tooltip version 1.0.2
### Dependencies * polymer#Polymer/polymer#^1.0.0 * paper-styles#PolymerElements/paper-styles#^1.0.0 * neon-animation#PolymerElements/neon-animation#^1.0.0

paper-tooltip version 1.1.0
### Dependencies * polymer#Polymer/polymer#^1.1.0 * paper-styles#PolymerElements/paper-styles#^1.0.0 * neon-animation#PolymerElements/neon-animation#^1.0.0

paper-tooltip version 1.1.1
### Dependencies * polymer#Polymer/polymer#^1.1.0 * paper-styles#PolymerElements/paper-styles#^1.0.0 * neon-animation#PolymerElements/neon-animation#^1.0.0

paper-tooltip version 0.0.1
### Dependencies * @polymer/polymer#^1.2.5-npm-test.2 * @polymer/paper-styles#^0.0.1 * @polymer/neon-animation#^0.0.1

paper-tooltip version 0.0.3
### Dependencies * @polymer/polymer#^1.2.5-npm-test.2 * @polymer/paper-styles#^0.0.3 * @polymer/neon-animation#^0.0.3

paper-tooltip version 1.1.2
### Dependencies * polymer#Polymer/polymer#^1.1.0 * paper-styles#PolymerElements/paper-styles#^1.0.0 * neon-animation#PolymerElements/neon-animation#^1.0.0

paper-tooltip version 1.1.3
### Dependencies * polymer#Polymer/polymer#^1.1.0 * paper-styles#PolymerElements/paper-styles#^1.0.0 * neon-animation#PolymerElements/neon-animation#^1.0.0

paper-tooltip version 1.1.4
### Dependencies * polymer#Polymer/polymer#^1.1.0 * paper-styles#PolymerElements/paper-styles#^1.0.0 * neon-animation#PolymerElements/neon-animation#^1.0.0

paper-tooltip version 2.0.0
### Dependencies * polymer#Polymer/polymer#1.9 - 2 * paper-styles#PolymerElements/paper-styles#1 - 2 * neon-animation#PolymerElements/neon-animation#1 - 2 * web-animations-js#web-animations/web-animations-js#^2.2.0

paper-tooltip version 2.0.1
### Dependencies * polymer#Polymer/polymer#1.9 - 2 * paper-styles#PolymerElements/paper-styles#1 - 2 * neon-animation#PolymerElements/neon-animation#1 - 2 * web-animations-js#web-animations/web-animations-js#^2.2.0

paper-tooltip version 3.0.0-pre.1
### Dependencies * @polymer/polymer#^3.0.0-pre.1 * @polymer/paper-styles#^3.0.0-pre.1 * @polymer/neon-animation#^3.0.0-pre.1

paper-tooltip version 3.0.0-pre.2
### Dependencies * @polymer/polymer#^3.0.0-pre.1 * @polymer/paper-styles#^3.0.0-pre.1 * @polymer/neon-animation#^3.0.0-pre.1 * web-animations-js#^2.3.1

paper-tooltip version 3.0.0-pre.3
### Dependencies * @polymer/polymer#^3.0.0-pre.3 * @polymer/paper-styles#^3.0.0-pre.3 * @polymer/neon-animation#^3.0.0-pre.3 * web-animations-js#^2.3.1

paper-tooltip version 3.0.0-pre.4
### Dependencies * @polymer/polymer#^3.0.0-pre.4 * @polymer/paper-styles#^3.0.0-pre.4 * @polymer/neon-animation#^3.0.0-pre.4 * web-animations-js#^2.3.1

paper-tooltip version 3.0.0-pre.6
### Dependencies * @polymer/polymer#^3.0.0-pre.6 * @polymer/paper-styles#^3.0.0-pre.6 * @polymer/neon-animation#^3.0.0-pre.6 * web-animations-js#^2.3.1

paper-tooltip version 3.0.0-pre.7
### Dependencies * @polymer/polymer#^3.0.0-pre.7 * @polymer/paper-styles#^3.0.0-pre.7 * @polymer/neon-animation#^3.0.0-pre.7 * web-animations-js#^2.3.1

paper-tooltip version 3.0.0-pre.8
### Dependencies * @polymer/polymer#^3.0.0-pre.7 * @polymer/paper-styles#^3.0.0-pre.7

paper-tooltip version 2.1.0
### Dependencies * polymer#Polymer/polymer#1.9 - 2 * paper-styles#PolymerElements/paper-styles#1 - 2

paper-tooltip version 2.1.1
### Dependencies * polymer#Polymer/polymer#1.9 - 2 * paper-styles#PolymerElements/paper-styles#1 - 2

paper-tooltip version 3.0.0-pre.10
### Dependencies * @polymer/polymer#^3.0.0-pre.10 * @polymer/paper-styles#^3.0.0-pre.10

paper-tooltip version 3.0.0-pre.11
### Dependencies * @polymer/polymer#^3.0.0-pre.10 * @polymer/paper-styles#^3.0.0-pre.10

paper-tooltip version 3.0.0-pre.12
### Dependencies * @polymer/polymer#3.0.0-pre.12 * @polymer/paper-styles#3.0.0-pre.12

paper-tooltip version 3.0.0-pre.13
### Dependencies * @polymer/polymer#^3.0.0-pre.13 * @polymer/paper-styles#^3.0.0-pre.13

paper-tooltip version 3.0.0-pre.14
### Dependencies * @polymer/polymer#^3.0.0-pre.13 * @polymer/paper-styles#^3.0.0-pre.14

paper-tooltip version 3.0.0-pre.15
### Dependencies * @polymer/polymer#^3.0.0-pre.13 * @polymer/paper-styles#^3.0.0-pre.15

paper-tooltip version 3.0.0-pre.16
### Dependencies * @polymer/polymer#^3.0.0-pre.13 * @polymer/paper-styles#^3.0.0-pre.16

paper-tooltip version 3.0.0-pre.17
### Dependencies * @polymer/polymer#^3.0.0-pre.13 * @polymer/paper-styles#^3.0.0-pre.17

paper-tooltip version 3.0.0-pre.18
### Dependencies * @polymer/polymer#^3.0.0 * @polymer/paper-styles#^3.0.0-pre.18

paper-tooltip version 3.0.0-pre.19
### Dependencies * @polymer/polymer#^3.0.0 * @polymer/paper-styles#^3.0.0-pre.19

paper-tooltip version 3.0.0-pre.20
### Dependencies * @polymer/polymer#^3.0.0 * @polymer/paper-styles#^3.0.0-pre.20

paper-tooltip version 3.0.0-pre.21
### Dependencies * @polymer/polymer#^3.0.0 * @polymer/paper-styles#^3.0.0-pre.21

paper-tooltip version 3.0.0-pre.22
### Dependencies * @polymer/polymer#^3.0.0 * @polymer/paper-styles#^3.0.0-pre.20

paper-tooltip version 3.0.0-pre.23
### Dependencies * @polymer/polymer#^3.0.0 * @polymer/paper-styles#^3.0.0-pre.22

paper-tooltip version 3.0.0-pre.24
### Dependencies * @polymer/polymer#^3.0.0 * @polymer/paper-styles#^3.0.0-pre.22

paper-tooltip version 3.0.0-pre.25
### Dependencies * @polymer/polymer#^3.0.0 * @polymer/paper-styles#^3.0.0-pre.24

paper-tooltip version 3.0.0-pre.26
### Dependencies * @polymer/polymer#^3.0.0 * @polymer/paper-styles#^3.0.0-pre.25

paper-tooltip version 3.0.0
### Dependencies * @polymer/polymer#^3.0.0 * @polymer/paper-styles#^3.0.0-pre.26

paper-tooltip version 3.0.1
### Dependencies * @polymer/polymer#^3.0.0 * @polymer/paper-styles#^3.0.0-pre.26