Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

sveltejs-tippy

mdauner3.6kMIT3.0.0

Tippy.js for Svelte

svelte, tooltip, popover, tippy, tippy.js

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>

changelog