25
A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
npx neobrutal add tooltipimport {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@/components/ui/tooltip"<TooltipProvider>
<Tooltip>
<TooltipTrigger render={<Button variant="noShadow" />}>
Hover
</TooltipTrigger>
<TooltipContent>
<p>Add to library</p>
</TooltipContent>
</Tooltip>
</TooltipProvider>| Prop | Type | Default | Description |
|---|---|---|---|
| open | boolean | - | The controlled open state of the tooltip. |
| defaultOpen | boolean | - | The default open state when uncontrolled. |
| onOpenChange | (open: boolean) => void | - | Event handler called when the open state changes. |
| delay | number | - | The duration from when the mouse enters a tooltip trigger until the tooltip opens. |