Tooltip

Edit the code — the preview updates live. Try changing props, text, or classes.

render(
  <TooltipProvider delayDuration={150}>
    <Tooltip>
      <TooltipTrigger asChild>
        <Button variant="outline">Hover me</Button>
      </TooltipTrigger>
      <TooltipContent>Copy-paste or install — your call.</TooltipContent>
    </Tooltip>
  </TooltipProvider>
)

Copy the source into your project with the registry CLI:

Or install the package and import it:

Import Tooltip from "@stacklyui/ui" and compose it as shown in the playground above. Every interactive primitive is built on Radix, so keyboard navigation, focus management, and ARIA are handled for you.