---
category: overlays
---

# Tooltip

Source: `components/ui/tooltip.tsx`.

`Tooltip` is a compound component. Its parts are exported **flat** (`TooltipTrigger`, not
`Tooltip.Trigger`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `TooltipTrigger` | `React.ComponentProps<typeof TooltipPrimitive.Trigger>` |
| `TooltipContent` | `React.ComponentProps<typeof TooltipPrimitive.Content>` |
| `TooltipProvider` | `React.ComponentProps<typeof TooltipPrimitive.Provider>` |

All parts accept `className` and are composed as children of `Tooltip`.