Tippy.js 是由 Popper 提供的完整的网络 tooltip、popover、dropdown 和菜单解决方案。它提供了逻辑和可选的元素造型,这些元素从文档流中"pop out",漂浮在目标元素旁边。
- 智能:将始终以最佳方式漂浮在视野中
- 通用:兼容鼠标、键盘和触摸输入
- 可定制:可微调的功能和完全可定制的CSS
- 输入: TypeScript 支持
安装
Package Managers
# npm npm i tippy.js # Yarn yarn add tippy.js
导入 tippy
构造函数和核心 CSS:
import tippy from 'tippy.js'; import 'tippy.js/dist/tippy.css';
CDN
<script src="https://unpkg.com/@popperjs/core@2"></script> <script src="https://unpkg.com/tippy.js@6"></script>
核心 CSS 与默认的 unpkg import 捆绑在一起。
评论