Tippy.js

Tooltip, popover, dropdown, and menu library

README

Tippy.js logo

Tippy.js

The complete tooltip, popover, dropdown, and menu solution for the web

npm Downloads per Month MIT License


Demo and Documentation




Installation


Package Managers


  1. ``` sh
  2. # npm
  3. npm i tippy.js

  4. # Yarn
  5. yarn add tippy.js
  6. ```

Import the tippy constructor and the core CSS:

  1. ``` js
  2. import tippy from 'tippy.js';
  3. import 'tippy.js/dist/tippy.css';
  4. ```

CDN


  1. ``` html
  2. <script src="https://unpkg.com/@popperjs/core@2"></script>
  3. <script src="https://unpkg.com/tippy.js@6"></script>
  4. ```

The core CSS comes bundled with the default unpkg import.

Usage


For detailed usage information,

Component Wrappers


- React: @tippyjs/react (official)
- Ember: ember-tippy (unofficial)

License


MIT