Tooltip

A label that appears on hover when a user mouses over an element. Place the targeted HTML respond to the tooltip on hover in the target yield tag, and the HTML the tooltip will display on hover in the content yield tag.

Example

<p>A famous quote I think of when building web components:</p>
<gb-tooltip orientation="right">
  <yield to="target">
    <blockquote>People think that computer science is the art of geniuses but the actual reality is the opposite, just many people doing things that build on each other, like a wall of mini stones.</blockquote>
  </yield>
  <yield to="content">
    <span>-Donald Knuth</span>
  </yield>
</gb-tooltip>

Properties

State

This component does not have any properties in state.

Events

This component does not listen for any events.