Components › Overlays
Tooltip
A short label on hover or focus, with an optional key hint. Wrap your app in TooltipProvider.
Installation
npx plankui@latest add tooltipUsage
import { Tooltip } from "@/components/ui/tooltip";
<Tooltip content="Bold" shortcut="⌘B">
<Button size="icon">B</Button>
</Tooltip>API reference
| Prop | Type | Default | Description |
|---|---|---|---|
| content | ReactNode | required | The label. |
| shortcut | ReactNode | Key hint after the label. | |
| side | "top" | "right" | "bottom" | "left" | "top" | Preferred side. |