@vaadin-component-factory/vcf-tooltip
TypeScript icon, indicating that this package has built-in type declarations

22.0.0 • Public • Published

<vcf-tooltip>

Gitter npm version Published on Vaadin Directory

Live demo ↗ | API documentation ↗

Installation

Install vcf-tooltip:

npm i @vaadin-component-factory/vcf-tooltip --save

Usage

Once installed, import it in your application:

import '@vaadin-component-factory/vcf-tooltip';

Add <vcf-tooltip> element with attribute for which will contain id of target element, to the page. Now after hovering on target element, toltip will be displayed.

<button id="element-id">Hover me</button>
<vcf-tooltip for="element-id" position="top">
  A short text describing the element.
</vcf-tooltip>

Running demo

  1. Fork the vcf-tooltip repository and clone it locally.

  2. Make sure you have npm installed.

  3. When in the vcf-tooltip directory, run npm install to install dependencies.

  4. Run npm start to open the demo.

Server-side API

This is the client-side (Polymer 3) web component. If you are looking for the server-side (Java) API for the Vaadin Platform, it can be found here: Tooltip

License

Apache License 2.0

Dependents (1)

Package Sidebar

Install

npm i @vaadin-component-factory/vcf-tooltip

Weekly Downloads

637

Version

22.0.0

License

https://raw.githubusercontent.com/vaadin/vaadin-incubator-element/master/LICENSE

Unpacked Size

35.4 kB

Total Files

9

Last publish

Collaborators

  • krissvaa
  • artur-
  • tatulund
  • wajtrvaadin
  • ingmartinlopez
  • paodb
  • jcgueriaud
  • vcf
  • jouni
  • onuridrisoglu