Beta
Animate UI

Tooltip

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

Made by imskyleen

Installation

Usage

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

Props

Animate UI Props

TooltipContent

PropTypeDefault
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.

On this page