Maintaining hover of tooltips and popover components

[ryuhangyeong]

After setting the popover and tooltip, I want the popover to remain the same when I move the mouse cursor to the message. Is this possible?

import { Tooltip, Button } from '@mantine/core';

function Demo() {
  return (
    <Tooltip label="Tooltip">
      <Button>Button with tooltip</Button>
    </Tooltip>
  );
}

example

[ryuhangyeong]

Is there any way within tooltip other than hover-card?

[rtivital]

You can fully control tooltip opened state with opened prop: <Tooltip opened={yourCondition} />.