@collab-ui/core/scss/components/tooltips/examples/default.html

Cisco Collab UI CSS Framework

<div class="row">
  <div class="docs-example docs-example--spacing">
    <span>
      <button class="cui-button cui-button--36" alt="Click" type="button" aria-label="Click">
        <span class="cui-button__children" style="opacity: 1;">Click</span>
      </button>
      <div class="cui-event-overlay cui-event-overlay--arrow cui-event-overlay--bottom cui-tooltip">
        <div class="cui-event-overlay__arrow" style="left: 345.203px; top: 213px;"></div>
        <div class="cui-event-overlay__children" style="overflow: auto; top: 213px; left: 309px;">
          <span class="cui-tooltip__text">Hello!</span>
        </div>
      </div>
    </span>
  </div>
  <div class="docs-example docs-example--spacing">
    <span>
      <button class="cui-button cui-button--36" alt="MouseEnter" type="button" aria-label="MouseEnter">
        <span class="cui-button__children" style="opacity: 1;">MouseEnter</span>
      </button>
    </span>
  </div>
  <div class="docs-example docs-example--spacing">
    <span>
      <button class="cui-button cui-button--36" alt="Focus" type="button" aria-label="Focus">
        <span class="cui-button__children" style="opacity: 1;">Focus</span>
      </button>
    </span>
  </div>
</div>