A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
Run the following command:
npx ever-ui-clx@0.2.1 add demo-tooltip npx ever-ui-clx@0.2.1 add demo-animated-tooltip
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@/components/ui/tooltip";
<TooltipProvider> <Tooltip> <TooltipTrigger asChild> <Button variant="outline">Hover</Button> </TooltipTrigger> <TooltipContent> <p>This is a tooltip</p> </TooltipContent> </Tooltip> </TooltipProvider>