1 | <div align="center">
|
2 | <img alt="Tippy.js logo" src="https://github.com/atomiks/tippyjs/raw/master/logo.png" height="117" />
|
3 | </div>
|
4 |
|
5 | <div align="center">
|
6 | <h1>Tippy.js</h1>
|
7 | <p>A highly customizable tooltip and popover library powered by Popper.js.</p>
|
8 | <a href="https://travis-ci.org/atomiks/tippyjs">
|
9 | <img src="https://img.shields.io/travis/atomiks/tippyjs.svg?color=%2325c879&style=for-the-badge" alt="Build">
|
10 | </a>
|
11 | <a href="https://www.npmjs.com/package/tippy.js">
|
12 | <img src="https://img.shields.io/npm/dm/tippy.js.svg?color=%235599ff&style=for-the-badge" alt="npm Downloads per Month">
|
13 | <a>
|
14 | <a href="https://github.com/atomiks/tippyjs/blob/master/LICENSE">
|
15 | <img src="https://img.shields.io/npm/l/tippy.js.svg?color=%23c677cf&style=for-the-badge" alt="MIT License">
|
16 | </a>
|
17 | <br>
|
18 | <br>
|
19 | </div>
|
20 |
|
21 | ## Demo and Documentation
|
22 |
|
23 | 🚀 **[View the latest demo & docs here](https://atomiks.github.io/tippyjs/)**
|
24 |
|
25 | [View migration guide from v4 to v5](https://github.com/atomiks/tippyjs/blob/master/MIGRATION_GUIDE.md)
|
26 |
|
27 | [4.x docs](https://github.com/atomiks/tippyjs/tree/623e8416fbb314741db603c997081512105c0d96/website/src/pages)
|
28 |
|
29 | ## Installation
|
30 |
|
31 | ### Package Managers
|
32 |
|
33 | ```bash
|
34 | # npm
|
35 | npm i tippy.js
|
36 |
|
37 | # Yarn
|
38 | yarn add tippy.js
|
39 | ```
|
40 |
|
41 | ### CDN
|
42 |
|
43 | ```html
|
44 | <script src="https://unpkg.com/popper.js@1"></script>
|
45 | <script src="https://unpkg.com/tippy.js@5"></script>
|
46 | ```
|
47 |
|
48 | ## Component Wrappers
|
49 |
|
50 | React: [@tippy.js/react](https://github.com/atomiks/tippy.js-react)
|
51 |
|
52 | ## License
|
53 |
|
54 | MIT
|