Tooltip

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

Open in

delay

closeDelay

side

sideOffset

align

alignOffset

arrow

Installation

Usage

<TooltipProvider>
  <Tooltip>
    <TooltipTrigger>Hover me</TooltipTrigger>
    <TooltipContent>Tooltip content</TooltipContent>
  </Tooltip>
</TooltipProvider>

Props

Docs API Reference

Animate UI Props

TooltipContent

Prop	Type	Default
`arrow?`	`boolean`	`true`
`transition?`	`Transition`	`{ type: "spring", stiffness: 300, damping: 25 }`
`popupProps?`	`typeof PopoverPrimitive.Popup`	-
`motionProps?`	`HTMLMotionProps<'div'>`	-
`positionerClassName?`	`string`	-

Built by Skyleen. The source code is available on GitHub.