Tooltip

A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.

usage

Hover to trigger

<Tooltip content="hidden content">
  <span>Hover to trigger </span>
</Tooltip>

top

<Tooltip content="hidden content" side="top">
  <span>top </span>
</Tooltip>

bottom

<Tooltip content="hidden content" side="bottom">
  <span>bottom </span>
</Tooltip>

right

<Tooltip content="hidden content" side="right">
  <span>right</span>
</Tooltip>

Hover to trigger

<Tooltip content="hidden content" delayDuration="500">
  <span>delayed</span>
</Toolt

Command : npm run test:unit
Test file location : /tests/tooltip.unit.test.tsx

npm run test:unit:file tooltip

Command : ???
Test file location : ???

???