sveltejs-tippy

Tippy.js for Svelte

Usage no npm install needed!

<script type="module">
  import sveltejsTippy from 'https://cdn.skypack.dev/sveltejs-tippy';
</script>

README

sveltejs-tippy

npm npm bundle size npm

GitHub Actions Status

Tippy.js for Svelte.

Install

$ npm i sveltejs-tippy

or

$ yarn add sveltejs-tippy

How to use

Example

Edit sveltejs-tippy

<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>