Releases: Kapsonfire-DE/svelte-ktippy
Reflect prop changes to the tooltip
TippyStore for programatically usage
If the anchorNode defines the "id" attribute, the instance is added to svelte store which is exported by
tippyStore.ts/tippyStore.js
<script>
import {tooltip, popover} from "../../../index";
import {tippyStore} from "../../../tippyStore";
import MyTooltip from './MyTooltip.svelte';
export let name;
$: console.log($tippyStore);
</script>
<main>
<h1 use:tooltip={{component: MyTooltip}}>Hello {name}!</h1>
<p>Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn how to build Svelte apps.</p>
<div id="popover" use:popover={{component: MyTooltip, props: {title: 'my test title', content: 'My test content'}}} >
Hover
</div>
In this the example is stored in $tippyStore.popover and can be used in this way
$tippyStore.popover.show();
anchorNode prop for tooltip component
theme props
Added them props #4
Updated package.json
new props and ts interface
export interface in ts
support for sticky, trigger, triggerTarget,showOnCreate
InlinePositioning and default placement
added support for inlinePositioning
changed default placement for popover and tooltip to tippy default "top" - before "auto" Fixes: #2
Added support for many tippy props
Added support for following properties:
duration, delay
Fixed: CSS not imported with ESM
1.0.6
added support for:
aria,
animateFill,
1.0.5
Support for tippy properties:
zIndex,
role,
hideOnClick,
interactiveDebounce,
offset,
onAfterUpdate,
onBeforeUpdate,
onClickOutside,
onCreate,
onDestroy,
onHidden,
onHide,
onUntrigger,
onTrigger,
1.0.4
Added parameter for onMount, onShown, onShow, and animation