mirror of
https://github.com/open-webui/open-webui
synced 2024-11-15 04:53:54 +00:00
32 lines
571 B
Svelte
32 lines
571 B
Svelte
|
<script lang="ts">
|
||
|
|
import { onDestroy } from 'svelte';
|
||
|
|
import tippy from 'tippy.js';
|
||
|
|
|
||
|
|
export let placement = 'top';
|
||
|
|
export let content = `I'm a tooltip!`;
|
||
|
|
|
||
|
|
let tooltipElement;
|
||
|
|
let tooltipInstance;
|
||
|
|
|
||
|
|
$: if (tooltipElement && content) {
|
||
|
|
if (tooltipInstance) {
|
||
|
|
tooltipInstance[0]?.destroy();
|
||
|
|
}
|
||
|
|
tooltipInstance = tippy(tooltipElement, {
|
||
|
|
content: content,
|
||
|
|
placement: placement,
|
||
|
|
allowHTML: true
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
onDestroy(() => {
|
||
|
|
if (tooltipInstance) {
|
||
|
|
tooltipInstance[0]?.destroy();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<div bind:this={tooltipElement}>
|
||
|
|
<slot />
|
||
|
|
</div>
|