# <vcf-tooltip> [](https://www.npmjs.com/package/@vaadin-component-factory/vcf-tooltip) [](https://vaadin.com/directory/component/vaadin-component-factoryvcf-tooltip) Web Component providing an easy way to display tooltips for any html element. [Live demo ↗](https://vcf-tooltip.netlify.com) | [API documentation ↗](https://vcf-tooltip.netlify.com/api/#/elements/Vaadin.VcfTooltip) ## Installation Install `vcf-tooltip`: ```sh npm i @vaadin-component-factory/vcf-tooltip --save ``` ## Usage Once installed, import it in your application: ```js import '@vaadin-component-factory/vcf-tooltip'; ``` Add `` element with attribute `for` which will contain id of target element, to the page. Now after hovering on target element, toltip will be displayed. ```html Hover me A short text describing the element. ``` ## Running demo 1. Fork the `vcf-tooltip` repository and clone it locally. 1. Make sure you have [npm](https://www.npmjs.com/) installed. 1. When in the `vcf-tooltip` directory, run `npm install` to install dependencies. 1. 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](https://vaadin.com/directory/component/tooltip) ## License Apache License 2.0