LLabanaat

Tooltip

Brief hint text on hover/focus, built on Radix's Tooltip primitive. Wrap your app once in TooltipProvider.

<TooltipProvider>
  <Tooltip>
    <TooltipTrigger asChild><Button variant="outline">Hover me</Button></TooltipTrigger>
    <TooltipContent>Opens your billing portal in a new tab</TooltipContent>
  </Tooltip>
</TooltipProvider>

Editable — change the code above and the preview updates live.

Installation

import { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "@labanaat/ui/tooltip";

Props

Tooltip accepts Radix's Tooltip.Root props (open/delayDuration). TooltipContent additionally accepts sideOffset for positioning.