Beta
Animate UI

Tooltip

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

Made by imskyleen

Installation

Usage

<TooltipProvider>
  <Tooltip>
    <TooltipTrigger>Tooltip Trigger</TooltipTrigger>
    <TooltipContent>Tooltip Content</TooltipContent>
  </Tooltip>
</TooltipProvider>

Props

Animate UI props

TooltipContent

PropTypeDefault
arrow?
boolean
true
transition?
Transition
{ type: 'spring', stiffness: 300, damping: 25 }

Credits

  • We use Radix UI for the tooltip component.
  • We take our inspiration from Shadcn UI for the tooltip style.

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

On this page