This has been deprecated and will be removed in a future release

Tooltip

We don't use these anymore. Use a modal instead


Tooltip example

  <p>
    I have a tooltip on my <span class="gg-c-tooltip gg-c-tooltip--bottom" aria-haspopup="true" tabindex="0" aria-label="This is the tooltip" role="tooltip">bottom</span>
  </p>

  <br>
  <br>

  <p>
    I have a tooltip to the <span class="gg-c-tooltip gg-c-tooltip--right" aria-haspopup="true" tabindex="0" aria-label="This is the tooltip" role="tooltip">right</span>
  </p>

  <br>
  <br>

  <p>
    I have a tooltip on the <span class="gg-c-tooltip gg-c-tooltip--left" aria-haspopup="true" tabindex="0" aria-label="This is the tooltip" role="tooltip">left</span>
  </p>

  <br>
  <br>

  <p>
    I wear my tooltip like a <span class="gg-c-tooltip gg-c-tooltip--top" aria-haspopup="true" tabindex="0" aria-label="This is the tooltip" role="tooltip">hat</span>
  </p>