当元素获得键盘焦点或鼠标悬停在其上时,显示与该元素相关的信息的弹出窗口。
pnpm dlx shadcn@latest add tooltip
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@/components/ui/tooltip"
<TooltipProvider> <Tooltip> <TooltipTrigger>悬停</TooltipTrigger> <TooltipContent> <p>添加到库</p> </TooltipContent> </Tooltip> </TooltipProvider>
On This Page