Next.js Discord

Discord Forum

How make Shadcn tooltip disappear when content isnt hovered ?

Unanswered
Pacific herring posted this in #help-forum
Open in Discord
Pacific herringOP
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

Sun 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>
  )
}