Tippy.js

Tooltip, popover, dropdown, and menu library

Tooltip
atomiks/tippyjsatomiks.github.io/tippyjs/

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


➡️ View the latest demo & docs here

Migration Guide

Installation


Package Managers


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

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

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,
visit the docs.

Component Wrappers


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

License


MIT