sveltejs-tippy

Tippy.js for Svelte.

Install

$ npm i sveltejs-tippy

or

$ yarn add sveltejs-tippy

How to use

Example

<script>
  import tippy from "sveltejs-tippy";
 
  const props = {
    content: "<span class='tooltip'>Styled tooltip text</span>",
    placement: "bottom"
  };
</script> 
 
<style>
  :global(.tooltip) {
    font-size: 1.2rem;
    text-transform: uppercase;
  }
</style> 
 
<button use:tippy={props}>
  Hover me
</button>