Tippyjs: Official Preact, Vue, Angular, etc. Tippy.js Components

[molnarmark]

Thought Preact developers might find this little component I created useful.

I'd appreciate if you could add it into the README. :smiley:

https://github.com/molnarmark/preact-tippy
https://www.npmjs.com/package/preact-tippy

[atomiks]

Nice work 😄!

I'll be publishing an official React wrapper with v3 under @tippy.js/react, so it would be cool to have official wrappers for most of the front-end view libs. @tippy.js/preact, @tippy.js/vue, @tippy.js/hyperapp, etc.

[molnarmark]

I'be happy to maintain and create wrappers for other popular UI libraries. 👍

[bdougherty]

I've been working on a wrapper for Svelte 3. Will mention here when I'm done with it.

[mreinstein]

I'd be willing to pay someone to develop an open source wrapper for snabbdom https://github.com/snabbdom/snabbdom . (I believe this is what Vue.js uses internally for diff/patch vdom stuff)

[ronnyek]

I've been experimenting with different angular libraries for tippy, most with their positives and negatives, but all with one seemingly fatal flaw... that there doesn't appear to be a way to include live components within the tooltip itself.

I'm assuming this is because content html content is simply copied from wherever you define, to the div used to present the tippy.

For use as simple tooltips, that behavior is suitable. I personally would like to include angular components within the tippy popup itself.

[atomiks]

I don't think there will be any official wrappers other than React's 👀

[BallisticPain]

I've been experimenting with different angular libraries for tippy, most with their positives and negatives, but all with one seemingly fatal flaw... that there doesn't appear to be a way to include live components within the tooltip itself.

I'm assuming this is because content html content is simply copied from wherever you define, to the div used to present the tippy.

For use as simple tooltips, that behavior is suitable. I personally would like to include angular components within the tippy popup itself.

@ronnyek ... Were you able to find a work-around for this? I'm slowly replacing my site UI with Angular, and found Tippy after finding Popper. I've placed an Angular component within Tippy, but the tooltip shows up empty... @atomiks ... I realize this might should be in it's own thread, but I wanted to respond to the above person. Also, have you given thought to moving the DOM element instead of copying it? This has worked for me with other dynamic elements.