Tippy.js - 免费开源且高度可定制的气泡提示独立组件
推荐一个非常优秀的 web 气泡提示独立UI组件。
介绍
Tippy.js 是一款用于Web的完整工具提示,弹出菜单,下拉菜单和菜单解决方案。适用于鼠标,键盘和触摸输入。
特点
- 超轻量的纯 javascript 实现,无依赖;
- 不仅支持纯文本提示,也支持强大的html内容,支持嵌套;
- 除了IE都支持,浏览器兼容性好,在低端设备也能够保持很高的性能;
- 通过自定义CSS样式进行高度定制,包括额外的主题和酷炫的动画。
使用体验
这是一个几乎包含所有能想到的气泡提示组件该有的功能,并且仍然保持清亮简洁的一个js组件库,内置的主题已经能满足很多项目的开发需求,除了常见的文本提示,也可以通过往容器里放html代码来作为菜单、复杂悬浮框的交互效果,非常的强大,很适合用于操作复杂的、需要提示的工具类产品。
很多UI组件库都有类似的气泡提示组件,但如果你只是面对有气泡提示需求的工具类项目,也有根据设计师的视觉稿定制主题的需要,Tippy.js 可能是更好的选择。
免费使用说明
Tippy.js 在 github 开源,可以自由下载学习和免费使用,包括商用。这是独立组件中非常不错的一个小组件,祝各位搬砖愉快。