@momentum-ui/react-collaboration/scss/components/tooltip/examples/default.html

Cisco Momentum UI Framework for React Collaboration Applications

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