You can use action to configure tooltip so that you don't need an extra DOM element and you gain performance.

import { initTooltip } from 'svelte-pops'

Props must be passed as a returned object of a function. This is required to keep reactivity.

{#snippet tooltip()}
	Tooltip content
{/snippet}

<button use:initTooltip={() => ({ children: tooltip, ...tooltipProps })}>
    Hover me !
</button>

Try it with a few props