NJ Web Design System (v2.1.0)

Tooltip: Default 

<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>

No notes defined.

<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: null
  version: 2.1.0
uswds:
  path: ../../dist
tooltip:
  direction: top
  text: Tooltip on top
  button_text: Show on top