Components
Tooltip
Inverted label that follows the pointer. Fade-only so Radix can still position it.
A Radix tooltip ported from Atlas. The chip inverts the room (bg-fg on
text-background) and portals to body, so type is re-scoped with font-sans.
Enter/exit is fade-only — zoom and slide would fight the popper transform. Delay
is 0 by default. Wrap a kit Button with asChild.
Usage
import { Button } from '@/components/ui/button';
import {
Tooltip,
TooltipContent,
TooltipTrigger,
} from '@/components/ui/tooltip';
<Tooltip>
<TooltipTrigger asChild>
<Button>Hover me</Button>
</TooltipTrigger>
<TooltipContent>Shortcut: ⌘K</TooltipContent>
</Tooltip>Install
shadcn add @gesso/tooltip