Skip to content

mdauner/sveltejs-tippy

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Folders and files

NameName
Last commit message
Last commit date
Oct 12, 2019
Oct 13, 2019
Mar 8, 2020
Oct 12, 2019
Oct 12, 2019
Oct 12, 2019
Oct 12, 2019
Oct 12, 2019
Oct 12, 2019
Oct 12, 2019
Mar 8, 2020
Oct 12, 2019
Oct 12, 2019
Oct 12, 2019
Mar 8, 2020
Oct 12, 2019
Oct 12, 2019
Mar 26, 2021

Repository files navigation

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>