Tooltip

An animated tooltip that shows contextual info on hover or focus and smoothly glides to the next element without disappearing between transitions.

Made by imskyleen

Edit on GitHub

Open in

openDelay

closeDelay

side

sideOffset

align

alignOffset

arrow

Installation

Usage

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