For the complete documentation index, see llms.txt. Markdown variants are available by appending .md to any URL or sending an Accept: text/markdown header. An agent skill is available at /.well-known/agent-skills/site-skill.md.
1
Sponsor

Tooltip

PreviousNext

Contextual hints with keyboard focus and four placements.

Preview

Installation

$ pnpm dlx shadcn@latest add https://ui.ketyap.me/r/tooltip.json

Usage

import { Button } from "@/components/ui/button";
import {
  Tooltip,
  TooltipProvider,
  TooltipTrigger,
  TooltipContent,
} from "@/components/ui/tooltip";
 
<TooltipProvider delay={200}>
  <Tooltip>
    <TooltipTrigger render={<Button />}>Save</TooltipTrigger>
    <TooltipContent side="top">Save changes</TooltipContent>
  </Tooltip>
</TooltipProvider>;

API Reference

Tooltip accepts Base UI Root props including disabled, open, defaultOpen, and onOpenChange. Provider delay defaults to 200ms; Trigger delay overrides it. Content supports side, align, sideOffset (8px), and the Base UI Popup props. There is no arrow. Reduced motion removes transitions.