Tippy.js – 免费开源且高度可定制的气泡提示独立组件

Tippy.js - 免费开源且高度可定制的气泡提示独立组件

推荐一个非常优秀的 web 气泡提示独立UI组件。

介绍

Tippy.js 是一款用于 Web 的完整工具提示,弹出菜单,下拉菜单和菜单解决方案。适用于鼠标,键盘和触摸输入。

Tippy.js - 免费开源且高度可定制的气泡提示独立组件
Tippy.js 官网截图

特点

  • 超轻量的纯 javascript 实现,无依赖; 
  • 不仅支持纯文本提示,也支持强大的html内容,支持嵌套;
  • 除了IE都支持,浏览器兼容性好,在低端设备也能够保持很高的性能;
  • 通过自定义CSS样式进行高度定制,包括额外的主题和酷炫的动画。

使用体验

这是一个几乎包含所有能想到的气泡提示组件该有的功能,并且仍然保持清亮简洁的一个 js 组件库,内置的主题已经能满足很多项目的开发需求,除了常见的文本提示,也可以通过往容器里放html代码来作为菜单、复杂悬浮框的交互效果,非常的强大,很适合用于操作复杂的、需要提示的工具类产品。

Tippy.js - 免费开源且高度可定制的气泡提示独立组件
参数强大的api
Tippy.js - 免费开源且高度可定制的气泡提示独立组件
支持主题定制
Tippy.js - 免费开源且高度可定制的气泡提示独立组件
菜单嵌套示例

很多UI组件库都有类似的气泡提示组件,但如果你只是面对有气泡提示需求的工具类项目,也有根据设计师的视觉稿定制主题的需要,Tippy.js 可能是更好的选择。

免费使用说明

Tippy.js 在 github 开源,可以自由下载学习和免费使用,包括商用。这是独立组件中非常不错的一个小组件,祝各位搬砖愉快。

原创文章,作者:yifang,如若转载,请注明出处:http://www.zhichizi.com/788.html