Components

Tooltip

A hint shown on hover or focus.

Usage

With @flagon-io/ui installed (see Installation), import it directly.

import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from "@flagon-io/ui";

// Wrap your app once in <TooltipProvider>.
<Tooltip>
  <TooltipTrigger>Hover</TooltipTrigger>
  <TooltipContent>Helpful context</TooltipContent>
</Tooltip>

Prefer to own the code?

You don’t have to install the package - you can copy this component into your project with the shadcn CLI and edit it freely.

npx shadcn@latest add https://ui.flagon.io/r/tooltip.json