carbon-components/src/components/tooltip/tooltip.html

Carbon Components is a component library for IBM Cloud

<a class="bx--tooltip__trigger">
  Tooltip label
  <svg tabindex="0" data-tooltip-trigger data-tooltip-target="#unique-tooltip" width="16" height="16" viewBox="0 0 16 16" fill-rule="evenodd">
    <path d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 4c.6 0 1 .4 1 1s-.4 1-1 1-1-.4-1-1 .4-1 1-1zm2 8H6v-1h1V8H6V7h3v4h1v1z"></path>
  </svg>
</a>
<div id="unique-tooltip" data-floating-menu-direction="bottom" class="bx--tooltip">
  <p class="bx--tooltip__label">Tooltip subtitle</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, seed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>