Health Design System

Tooltip

Tooltip

Tooltips use the tippy library v2.5.2.

The title attribute is used as the tooltip.

health.tooltip(selector, options)

Default options

{
  arrow: false,
  theme: 'health-tooltip',
  performance: true,
  allowTitleHTML: true,
  interactive: true,
  animateFill: false
}

Add to or replace options https://atomiks.github.io/tippyjs/all-options/ 

<abbr title="Portable Document Format">PDF</abbr>

<script language="JavaScript">
    $(document).ready(function() {
        health.tooltip('abbr');
    });
</script>