File size: 1,480 Bytes
bc20498 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
<div align="center">
<img alt="Tippy.js logo" src="https://github.com/atomiks/tippyjs/raw/master/logo.png" height="117" />
</div>
<div align="center">
<h1>Tippy.js</h1>
<p>The complete tooltip, popover, dropdown, and menu solution for the web</p>
<a href="https://www.npmjs.com/package/tippy.js">
<img src="https://img.shields.io/npm/dm/tippy.js.svg?color=%235599ff&style=for-the-badge" alt="npm Downloads per Month">
<a>
<a href="https://github.com/atomiks/tippyjs/blob/master/LICENSE">
<img src="https://img.shields.io/npm/l/tippy.js.svg?color=%23c677cf&style=for-the-badge" alt="MIT License">
</a>
<br>
<br>
</div>
## Demo and Documentation
➡️ **[View the latest demo & docs here](https://atomiks.github.io/tippyjs/)**
[Migration Guide](https://github.com/atomiks/tippyjs/blob/master/MIGRATION_GUIDE.md)
## Installation
### Package Managers
```bash
# npm
npm i tippy.js
# Yarn
yarn add tippy.js
```
Import the `tippy` constructor and the core CSS:
```js
import tippy from 'tippy.js';
import 'tippy.js/dist/tippy.css';
```
### CDN
```html
<script src="https://unpkg.com/@popperjs/core@2"></script>
<script src="https://unpkg.com/tippy.js@6"></script>
```
The core CSS comes bundled with the default unpkg import.
## Usage
For detailed usage information,
[visit the docs](https://atomiks.github.io/tippyjs/v6/getting-started/).
## Component Wrappers
React: [@tippyjs/react](https://github.com/atomiks/tippyjs-react)
## License
MIT
|