这是什么?
Tippy.js 是一个完整的网页工具提示(tooltip)、弹出框(popover)、下拉菜单(dropdown)和菜单库,通过一个核心引擎即可处理上述所有界面元素的定位和交互。
这是普通的 JavaScript 库,还是我得用某个特定框架?
它的核心是与框架无关的原生 JavaScript 库,同时官方提供了 React 封装,社区维护的 Ember 封装则适用于 Ember 生态。
我该如何把它加入我的项目?
通过包管理器安装,然后导入 tippy 构造函数和核心 CSS;或者完全跳过构建步骤,直接从 unpkg CDN 加载,该 CDN 已经打包了这些 CSS。
它底层依赖其他库吗?
是的,tippy.js 构建于 @popperjs/core 之上,后者负责工具提示和菜单的实际定位计算。
Tippy.js 还在积极维护吗?
不,该仓库已归档,实际上已经冻结:今后不会再有新功能、错误修复或安全补丁。
除了基础工具提示,tippy.js 还能构建哪些界面元素?
同一个引擎还能驱动弹出框、下拉菜单、菜单以及类似组合框(combobox)的控件,它们共享同一套核心定位和交互逻辑。
它自带现成的样式,还是我需要自己写 CSS?
它附带一个核心 CSS 文件,需与 JS 一起导入;而 unpkg CDN 构建版本已经自动为你打包了该 CSS。
tippy.js 版本升级有相关帮助吗?
有,README 中链接了一份专门的迁移指南,介绍如何在大版本之间升级。
我能在 React 或 Ember 中使用 tippy.js 吗?
可以,官方提供了 @tippyjs/react 封装,同时还有一个非官方、社区构建的 ember-tippy 封装,供 Ember 应用使用。
What are similar projects?
floating-ui, Semantic-UI, downshift, material, tui.calendar, react-bootstrap, Semantic-UI-React, sweetalert2
Which topics is it in?
tooltip, dropdown, component-library, javascript-library, ui-components, deprecated, css, web-development, react, npm, frontend, library