Skip to content

Latest commit

 

History

History
 
 

tooltip

Folders and files

NameName
Last commit message
Last commit date

parent directory

..

src

src

 
 

stories

stories

 
 

test

test

 
 

CHANGELOG.md

CHANGELOG.md

 
 

README.md

README.md

 
 

index.js

index.js

 
 

lion-tooltip-arrow.js

lion-tooltip-arrow.js

 
 

lion-tooltip.js

lion-tooltip.js

 
 

package.json

package.json

 
 

README.md

Tooltip

lion-tooltip is a component used for basic popups on hover. Its purpose is to show content appearing when the user hovers over an invoker element with the cursor or with the keyboard, or if the invoker element is focused.

Live Demo/Documentation

See our storybook for a live demo and API documentation

How to use

Installation

npm i --save @lion/tooltip
import '@lion/tooltip/lion-tooltip.js';

Example

<lion-tooltip>
  <button slot="invoker">Hover me</button>
  <div slot="content">This is a tooltip<div>
</lion-tooltip>