Tooltip

Installation

import {
  Tooltip,
  TooltipTrigger,
  TooltipContent,
  TooltipProvider,
} from "@aspyn-io/kit";

Basic

Wrap your app (or a section) in TooltipProvider once: every Tooltip inside shares its 200ms default delay.

Placement

With keyboard shortcut

Pair the label with a Kbd so users learn the shortcut alongside the action.

On a disabled trigger

Disabled elements don't fire pointer events, so wrap them in a focusable span (tabIndex={0}) and point the trigger at that.

Notes

• Tooltips require a TooltipProvider ancestor: without it, nothing renders. Put one in your root layout.
• Triggers must be focusable so keyboard users get the hint too; asChild on a Button handles this.
• Never put interactive content in a tooltip: use Popover for that.