Tooltip

Tooltips display text or other content when you hover over an HTML element.

Examples

                     
  <div class="tooltip mb-16">
    this text has a bottom tooltip
  <span class="tooltip-text tooltip-text-bottom bg-grey-300"
      >Tooltip text</span
    >
  </div>
  <br />
  <div class="tooltip mb-16">
    this text has a left tooltip
    <span class="tooltip-text tooltip-text-left bg-grey-300"
      >Tooltip text</span
    >
  </div>
  <br />
  <div class="tooltip mb-16">
    this text has a top tooltip
    <span class="tooltip-text tooltip-text-top bg-grey-300"
      >Tooltip text</span
    >
  </div>
  <br />
  <div class="tooltip mb-10">
    this text has a right tooltip
    <span class="tooltip-text tooltip-text-right bg-grey-300"
      >Tooltip text</span
    >
  </div>