Tooltip

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

side

sideOffset

align

alignOffset

Installation

<Tooltip>
  <TooltipTrigger>Open tooltip</TooltipTrigger>
  <TooltipContent>
    <p>Tooltip content</p>
  </TooltipContent>
</Tooltip>

Prop	Type	Default
`delayDuration?`	`number`	`0`

Prop	Type	Default
`transition?`	`Transition`	`{ type: 'spring', stiffness: 300, damping: 25 }`
`...props?`	`HTMLMotionProps<"div">`	-

The forceMount and asChild properties are not supported in the TooltipContent component, as it is used for animation.