Preview
Tooltip Components
Installation
<> import.ts
import { Tooltip } from "@/components/ui/tooltip"Code
<> component.tsx
import { Tooltip } from "@/components/ui/tooltip"
<Tooltip />API Reference
Tooltip
Lightweight tooltip with placement and delay.
<> import.ts
import { Tooltip, TooltipWrapper } from "@/components/ui/tooltip"Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode | — | Trigger/target element |
content | string | — | Tooltip text |
position | "top" | "bottom" | "left" | "right" | "top" | Placement |
delay | number | 300 | Show delay in ms |
className | string | "" | Additional CSS classes |