react icon ant简单使用

refer: 文字提示 Tooltip - Ant Design

1.首先保证已经引入了Ant

2.在组件(页面)引入tooltip

import { Form, Tooltip } from 'antd';

3.在合适的位置使用tooltip:

复制代码
 <span>
   寿命&nbsp;
   <Tooltip title="这是寿命的说明">
     <QuestionCircleOutlined />
   </Tooltip>
 </span>

解释:

QuestionCircleOutlined是一个中心是问号的圆圈,hover后就可以显示你想要展示在说明里的文字。

相关推荐
Csvn11 小时前
Monorepo
前端
Csvn11 小时前
流水线
前端
Csvn11 小时前
微前端架构
前端
Linux-lucky12 小时前
45-Linux学习之旅之防火墙与WEB加固
linux·前端·网络·学习·ubuntu
风骏时光牛马14 小时前
生成一个移动端标题,只需要一个标题,不需要其他的任何文本。
前端
IT_陈寒15 小时前
Redis雪崩把我坑惨了,这是5年经验的教训
前端·人工智能·后端
SameX15 小时前
HarmonyOS ArkUI List 的侧滑删除 用 ListItem 的 swipeAction + endIcon 的做法
前端
usdoc文档预览17 小时前
USDOC系列之PPT文件在线编辑-VUE前端实现在线浏览器在线编辑PPT文档
前端·vue.js·编辑器·office365·ppt在线编辑·office文件在线编辑·文件在线编辑
用户27050777252418 小时前
Agent 调工具卡住?3 种超时与取消策略实测对比
前端
LuHang18 小时前
我一行代码没写,把领导派的活做成了公司内部系统😭
前端