Next.js Discord

Discord Forum

How make Shadcn tooltip disappear when content isnt hovered ?

Unanswered
California pilchard posted this in #help-forum
Open in Discord
California pilchardOP
i dont really know where to ask that so its probably the wrong channel (the help forum seems only for nextjs), but did someone know how with shadcn tooltip component make it disappear when the trigger isnt hovered ? Like in the example make the tooltip disappear directly when the 2014 (trigger) isnt not hovered (and cannot hover the tooltip content) ?

1 Reply

American black bear
You can pass disableHoverableContent to <Tooltip />.

export function TooltipNoHoverContent() {
  return (
    // add disableHoverableContent to your Tooltip wrapper
    <Tooltip disableHoverableContent>
      <TooltipTrigger>See tooltip</TooltipTrigger>
      <TooltipContent>
        <span>hello</span>
      </TooltipContent>
    </Tooltip>
  )
}