Tooltip

A popup that appears when an element is hovered or focused, showing a hint for sighted users.

side

sideOffset

align

alignOffset

Installation

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

The keepMounted property is not supported in the TooltipPortal component, as it is used for animation.

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

The render property is not supported in the TooltipPopup component, as it is used for animation.