Components/Tooltip

Tooltip

Short contextual label that appears on hover or focus. Supports four placements and a configurable delay.

Installation

npx ajaxui add tooltip

Placements

Delay

Props

Prop	Type	Default
content	ReactNode	—
side	"top" \| "bottom" \| "left" \| "right"	"top"
delayMs	number	300
disabled	boolean	false

Anatomy

<TooltipProvider>            // shared delay/skipDelay state
  <Tooltip>                  // single-trigger pairing
    <TooltipTrigger asChild/>
    <TooltipContent/>
  </Tooltip>
</TooltipProvider>