Analytics & Reports


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.


<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 to="content">
    <span>-Donald Knuth</span>


Property Type Default Description
orientation string 'above' Where the tooltip content appears in relation to the target. Options are: above, left, below, or right.


This component does not have any properties in state.


This component does not listen for any events.