ayo/lion
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
lion/packages/tooltip
History
Aymen Ben Amor f33ea6b0b0 feat(overlays): enhance content projection for styling purposes 
Co-authored-by: Thijs Louisse <thijs.louisse@ing.com>
Co-authored-by: Joren Broekema <joren.broekema@ing.com>
2020-05-17 17:27:29 +02:00
..
src feat(overlays): enhance content projection for styling purposes 2020-05-17 17:27:29 +02:00
stories chore(tooltip): fix closing div tags in tooltip stories (#662) 2020-03-31 09:22:01 +02:00
test feat(overlays): enhance content projection for styling purposes 2020-05-17 17:27:29 +02:00
CHANGELOG.md chore: release new versions 2020-05-06 15:22:51 +00:00
index.js fix(tooltip): export LionTooltipArrow (#439) 2019-12-16 09:32:13 +01:00
lion-tooltip-arrow.js feat(tooltip): arrow 2019-12-13 15:19:41 +01:00
lion-tooltip.js feat: release inital public lion version 2019-04-26 10:37:57 +02:00
package.json chore: release new versions 2020-05-06 15:22:51 +00:00
README.md chore: remove pilot phase header 2020-04-29 10:05:06 +02:00

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>