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 th
e invoker element is focused.
- Show content when hovering the invoker
- Show content when the invoker is focused
- Use the position property to position the content popup relative to the invoker
npm i --save @lion/popupimport '@lion/tooltip/lion-tooltip.js';<lion-tooltip>
<div slot="content" class="tooltip">This is a popup<div>
<a slot="invoker" href="https://www.google.com/">
Popup on link
</a>
</lion-tooltip>