Opens the command palette Press Esc to dismiss
components/tooltip

Tooltip

A hint that appears on hover and keyboard focus, in four placements.

Usageimport { Tooltip } from "./Tooltip";
1import { Tooltip } from "./Tooltip";
2 
3<Tooltip>Hover me</Tooltip>

Copy the source with the toolbar’s copy button — or open the Code pane to select it by hand — then paste the file into your project. It is self-contained, with no registry metadata and no dependencies (Tailwind classes required).

Props

PropTypeDefault
childrenstringHover me
labelstringOpens the command palette Press Esc to dismiss
placementtop | bottom | left | righttop