mdauner / sveltejs-tippy

Tippy.js for Svelte
MIT License
40 stars 4 forks source link
popover svelte svelte3 sveltejs tippyjs tooltip

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>