components / tooltip

tooltip.

white slide-up pill shown on hover or keyboard focus. pure CSS, wraps any trigger. aria-hidden — label the trigger itself.

installation

bunx @justin06lee/chrome@latest add tooltip

usage

On hover / focus

<Tooltip label="slides up">
  <button aria-label="action">hover me</button>
</Tooltip>

Bottom side

<Tooltip label="slides down" side="bottom">
  <button aria-label="action">below</button>
</Tooltip>