Tooltip

A compact label with one lit edge and no arrow.

Installation

npx shadcn@latest add @afterglow/tooltip

Component structure.

TooltipProvider
Tooltip
├── TooltipTrigger
└── TooltipContent

Each Tooltip creates its own provider. Use TooltipProvider only to set a shared delay across a group. The default is 0.

Prop	Type	Default
align	"start" \| "center" \| "end"	"center"
side	"top" \| "right" \| "bottom" \| "left" \| "inline-start" \| "inline-end"	"top"
sideOffset	number	6

Everything else is Base UI tooltip's API, documented there.