<div class="padding-8">
    <div class="margin-4">
        <button type="button" class="usa-button usa-tooltip" data-position="top" title="Top">Show on top</button>
    </div>
    <div class="margin-4">
        <button type="button" class="usa-button usa-tooltip" data-position="right" title="Right">Show on right</button>
    </div>
    <div class="margin-4">
        <button type="button" class="usa-button usa-tooltip" data-position="left" title="Left">Show on left</button>
    </div>
    <div class="margin-4">
        <button type="button" class="usa-button usa-tooltip" data-position="bottom" title="Bottom">Show on bottom</button>
    </div>
</div>

There are no notes for this item.

<div class="padding-8">
  <div class="margin-4">
    <button type="button" class="usa-button usa-tooltip" data-position="top" title="Top">Show on top</button>
  </div>
  <div class="margin-4">
    <button type="button" class="usa-button usa-tooltip" data-position="right" title="Right">Show on right</button>
  </div>
  <div class="margin-4">
    <button type="button" class="usa-button usa-tooltip" data-position="left" title="Left">Show on left</button>
  </div>
  <div class="margin-4">
    <button type="button" class="usa-button usa-tooltip" data-position="bottom" title="Bottom">Show on bottom</button>
  </div>
</div>
package:
  name: uswds
  version: 2.9.0
uswds:
  path: ../../dist
tooltip:
  direction: top
  text: Tooltip on top
  button_text: Show on top